본문 바로가기
반응형

Android 개발/Android UI30

안드로이드 Webp이용해 이미지 용량 줄이는 방법 앱의 용량을 줄이고 로딩속도를 늘이는데,코딩도 중요하지만 이미지 용량을 줄이는 것도 중요합니다.안드로이드 스튜디오를 이용하면,이미지 파일을 Webp로 전환하하여 용량을 크게 줄일 수 있는데요.오늘은 이 방법을 알아보겠습니다. 1. Webp 이미지 파일Webp는 Google에서 만든 이미지 파일형식입니다.안드로이드와 안드로이드 스튜디오에서도 사용이 가능한데요.사실 저희에게는 거창한 알고리즘 보다,png나 jpg보다 얼마나 사이즈를 줄일 수 있느냐가 중요한데요.약 70%까지도 줄일 수 있다고 합니다. 2. 손실 압축 방식과 무손실 압축 방식webp는 JPEG와 같은 손실압축방식과 PNG와 같은 무손실 압축방식을 모두 다 지원하는데요.API레벨 18이상에서는 PNG와 같은 무손실 압축과 투명배경 지원도 가능합.. 2024. 11. 15.
안드로이드 Splash Screen API 적용하기 21년도 구글에서 새로운 Splash Screen에 대해서 발표하였습니다.이제는 이를 적용하지 않는 Android12이상의 기기에서는,이중으로 Splash화면이 보여지고 있는데요.오늘은 SplashScreen 를 적용하는 방법에 대해 알아보겠습니다. 1. 하위 호환성 위한 라이브러리 설치새로운 SplashScreen은 Android 12버전부터만 적용가능합니다.따라서 그 이하의 기기에서의 호환성을 위해서는 아래의 라이브러리가 필요합니다.build.gradle에 아래 한 줄을 추가해 줍니다. implementation 'androidx.core:core-splashscreen:1.0.1'   2. 이미지 준비먼저 새로운 Splash화면을 적용할 이미지가 준비되어야 합니다.기존에 Splash이미지를 가지고.. 2024. 11. 15.
ViewBinding 구현방법 정리 findviewById는 이제 오래된 유물같은 API가 되어버렸습니다. findViewById를 이용할 때 발생하던 NullException도 ViewBinding과 함께라면 더이상 걱정할 필요가 없게되었구요. 공식문서에서도 ViewBinding사용을 추천하고 있습니다. 오늘은 이 ViewBinding을 구현하는 방법에 대해서 보도록 하겠습니다. 1. Dependency설정 ViewBinding을 사용하기 위해서는 app레벨의 Build.gradle에서 설정을 해 주어야 하는데요. buildFeature를 아래와 같이 간단한 한줄을 추가하면, ViewBinding을 사용할 수 있게 됩니다. buildFeatures { viewBinding true } 2021. 4. 17.
RadioButton과 RadioGroup에 대한 정리 #Android 오늘은 Android UI중에서도, RadioButton에 대해 정리해 보도록 하겠습니다. RadioButton은 검색필터 옵션 설정같이, 항상 하나의 옵션이 선택되 있어야 하는 경우에 사용하게 되는데요. 이를 구현하기 위해서는 RadioGroup과 RadioButton을 이용해 주어야 합니다. 1. RadioGroup과 RadioButton RadioButton을 사용하게 위해서는 이것을 감싸는 RadioGroup으로 감싸주어야 하는데요. 그 이유는 여러개의 RadioButton중 하나가 선택되면, 이전에 선택된 RadioButton은 해제해 주어야 하는데요. 이것을 RadioGroup이 해 주기 때문입니다. 그럼 RadioGroup의 HierArchy 를 보도록 하겠습니다. 다루기 쉬운 LinearL.. 2020. 3. 16.
Android Dialog 구현하는 방법 #Kotlin 버전 다이얼로그 Dialog는 유저에게 결정을 요구하고나 추가적인 정보를 입력받고자 할 때 사용하는데요. 오늘은 이것을 생성하는 방법에 대해서 kotlin을 이용하여서 최근 공식문서에서 추천하는 방법을 정리해 보도록 하겠습니다. 공식문서에서는 Dialog객체를 직접 생성하지 말고, 서브클래스인 AlertDialog를 사용하라고 하고 있습니다. (필요에 따라서 시간이나 날짜를 설정할 경우에는 DatePickerDialog혹은 TimePickerDialog를 사용하구요.) 또한, Dialog의 컨테이너로 DialogFragment를 사용하기를 권유하고 있는데요. 그럼 DialogFragment부터 구현해 보도록 하겠습니다. 1. DialogFragment DialogFragment를 상속받는 Fragment클래스를 먼저 만.. 2020. 1. 17.
Android Checkbox에 Custom 이미지 사용하기 안드로이드 UI작업을 하다보면, Checkbox를 Custom 이미지를 사용해야할 경우가 정말 많습니다. 오늘은 어떻게 해야하는지 정리해 보도록 하겠습니다. 1. Checkbox의 HierArchy Custom 이미지의 구현에 대해 보기 전에, CheckBox의 HierArchy를 보도록 하겠습니다. 아래 이미지에서, Button 클래스를 상속받고 있는 부분이 보이시나요? 커스텀하게 CheckBox를 사용하기 위해서는 이 Button 속성을 이용하는 것이 핵심인데요. CheckBox가 Button을 상속하기 때문에 가능한 것 입니다. 핵심을 알았으니, 구현만 해주면 되겠네요. 구현에 필요한 Selector부터 만들어 보겠습니다. 2. Selector 생성 checkbox의 핵심은 checked의 stat.. 2019. 9. 18.
DialogFragment 사이즈 조정 및 타이틀 제거 개발을 하면서 DialogFragment를 좀 더 커스텀하게 사용해야 할 때가 있는데요. 그 중에서도 사이즈 및 타이틀이 있고 없는 부분은 디자인상 중요한 부분인데요. 오늘은 어떻게 하면 이러한 부분을 수정할 수 있는지 정리해 보도록 하겟습니다. 참고로 Dialog Fragment의 기본적인 부분은 아래링크를 참조해 주세요. FragmentDialog 로 대화상자(팝업) 구현하기 1. DialogFragment 사이즈 조정하기 DialogFragment의 가로세로 사이즈를 조정하기 위해서는, onResume에서 window객체를 얻어와서 setLayout메소드를 사용해 주면 되는데요. onResume에서 아래와 같이 해 주면 됩니다. 2. DialogFragment 타이틀 제거 상단 타이틀을 제거하는 방.. 2019. 8. 26.
업그레이드 된 안드로이드 개발 이미지 추가 방법 #Resource Manager 안드로이드 개발하면서 은근히 피곤한 것 하면 빼놓을 수 없는 것이 바로 이미지 추가하는 것입니다. 서로 다른 해상도마다 이미지를 추가해 주어야 하는데요. 그래서 벡터이미지를 사용하기도 하는데, 개인적으로는 호환성문제도 있고 속도 문제가 발생하는 경우도 있어서 다시 이미지를 사용하는 경우도 있었습니다. 그런데 안드로이드 스튜디오가 업그레이드 되면서, 너무도 쉽게 해상도별로 다른 이미지들을 한번에 추가하는 방법이 생겼는데요. 오늘은 이 방법에 대해서 알아보도록 하겠습니다. 참고로 이 글은 최신버전의 업그레이드 안드로이드 스튜디오에만 적용가능하므로, 혹시 업그레이드가 않되어있는 상태라면 하시기를 추천드립니다. 1. Resource Manager 안드로이드 스튜디오가 업그레이드 되면서 Resource Manag.. 2019. 7. 14.
Android 버튼 UI에 Ripple효과 넣기 안드로이드에 UI작업을 하다보면, 머티리얼 디자인에서 흔히 볼 수 있는, 버튼을 누르면 퍼지는 Ripple효과가 요구되는 경우가 있습니다. 워낙 사용자들도 저 효과를 많이 보다 보니, 그냥 컬러만 바뀌는 경우는, 밋밋하게 생각하는 경우가 많고 디자이너들도 요구하는 부분이기도 하지요. 백그라운드에 특정한 이미지를 쓰지 않는 투명버튼이나, 이미지버튼의 경우 상대적으로 이 효과를 적용하기 쉬운데, 배경색이나 이미지가 적용된 경우는 이 효과를 적용하는데 있어서 하위호환성문제가 발생합니다. 우선은 투명버튼의 경우부터, 어떻게 하면 리플 효과를 적용할 수 있는지 정리해 보도록 하겠습니다. 1. Button UI 아래와 같이 배경이 없는 투명 버튼의 경우를 먼저 보도록 하겠습니다. 이 버튼을 누르면 약간 연한 톤의 .. 2019. 6. 16.
CoordinatorLayout과 Behavior CoordinatorLayout을 앱에 많이 적용하게 되는데요.안드로이드 특유의 UI이기도 하고, 유연성도 커서 종종 사용하게 되는 것 같습니다. CoordinatorLayout의 Behavior로 appbar_scrolling_view_behavior를 NestedScrollView나 RecyclerView에 자주 사용해 왔는데요. Header영역에 있는 View의 경우, 원하는데로 동작하기 위해서는Custom한 Behavior Class를 생성해주고 사용해야 합니다. 오늘은 이 방법에 대해서 정리해 보겠습니다. 1. Behavior Class CoordinatorLayout은 자신에 속해있는 ChildView들에게 다른 View의 스크롤 변화값을 전달해 주는 역할을 합니다.이 값에 따라서 어떻게 행동.. 2019. 5. 30.
Android 에서 Vector(벡터) 이미지 사용하기 안드로이드 개발하는데 있어서 Vector를 사용하는 것은 너무나 편리합니다.hdpi, xhdpi, xxhdpi, xxxhdpi등 이미지를 몇개나 만들어야 했었는데,벡터파일 하나면 되니 소스관리도 편하고,이미지를 만들어서 주는 디자이너들도 좋아합니다.sketch같은 프로그램으로 export시켜 사용하면 이보다 더 편리한 것은 없죠. supportLibrary에서 벡터사용을 지원하기 때문에, 사용하는 방법도 쉬운데요.아쉽게도 안드로이드 개발을 하면서 항상 만나게 되는 하위버전 호환문제가 있습니다.경우에 따라서, API21미만에서는 리소스를 못찾아서 nullPointerException을 발생시킬 수 있어요. 그럼 어떻게 벡터그래픽을 사용하고, API21미만에서는 어떻게 대응해야 하는지 정리해 보도록 하겠습니.. 2019. 1. 18.
FragmentDialog 로 대화상자(팝업) 구현하기 안드로이드에서 유저에게 특정한 이벤트를 소개하거나 경고를 하는데 있어서,AlertDialog를 사용하는 경우도 있지만, FragmentDialog도 많이 사용하는데요. 오늘은 이 FramentDialog를 사용하여서 대화상자를 구현하는 방법에 대해서 정리해 보겠습니다. 1. Dialog XML 정의 먼저 보여줄 Dialog의 UI를 XML을 정의하겠습니다.간단하게 이미지와 텍스트 그리고, 확인 버튼을 보여주는 UI를 생성할께요. 2. Fragment Java Code 이제 위의 레이아웃을 inflate할 fragment의 java code를 구현해 보겠습니다.(참고로 DialogFragment는 v4 support library로부터 import 해왔습니다.)onCreateView에서 아래와 같이 버튼을.. 2019. 1. 8.
NavigationView를 이용한 Navigation Drawer 구현하기 오늘은 안드로이드에서 자주 쓰이는 UI중 왼쪽 상단의 햄버거 버튼을 누르면 왼쪽에서 슬라이딩되면서 나오는 메뉴UI가Navigation Drawer인데요. 보통은 이 UI를 ListView를 이용해서 구현하는데요.NavigationView를 사용하면서 굉장히 편리해 졌습니다. 그럼 하나씩 구현해 보도록 하겠습니다. 1. SupportLibrary NavigationDrawer는 SupportLibrary의 v4를 필요로 하는데요.우선 이 라이브러리먼저 추가하고 가겠습니다.app level의 build.gradle에 아래의 코드를 추가해 주면 됩니다. 2. DrawerLayout Navigation Drawer를 구현하기위해서,먼저 XML파일에서 DrawerLayout을 정의하고 가겠습니다. 우선 Drawe.. 2017. 7. 23.
TextView에 글자가 흐르게 하는 marquee 안드로이드 앱을 만들다 보면, 공간에 비해서 텍스트가 많아서 텍스트가 흐르도록 해야하는 경우가 있는데요이 때 어떻게 하면 텍스트가 흐르도록 할 수 있는지 정리해보도록 하겠습니다. 1. TextView 설정 아래와 같이 화면크기보다 글자가 많도록 TextView를 설정해 주었구요.그리고 singleLine을 true로 주어서 1줄로만 나타나도록 해 주었습니다.(MaxLines나 lines = 1로 주는 것은 동작하지 않더군요)이제, 글자가 흐르지 않으면 화면에서 잘려보일 텐데요. 아래와 같이 화면이 잘려보입니다. 이제, 화면에서 글이 흐르도록 옵션을 설정해 보겠습니다. 2017. 7. 6.
EditText의 ImeOptions 로 키보드의 Action 설정하기 사용자에게 입력을 받을 때, 키보드 우측 하단에 검색 같은 Action명령어를 본 적이 있으실 텐데요.오늘은 이것을 설정하는 방법에 대해서 정리해 보겠습니다. 1. EditText 우선, 사용자에게 입력을 받을 수 있는 EditText를 설정해 줍니다. 그럼 아래와 같은 키보드를 볼 수 있는데요.화살표가 가르키는 방향에 여러가지 액션들을 정의하고 실행시킬 수 있습니다. 그럼. 이것을 검색으로 바꿔 보도록 하겠습니다.imeOptions의 값을 actionSearch로 해주면 됩니다. 아래와 같이 변경 된 것을 볼 수 있습니다. 참고로 imeActionLabel의 값을 주면, 텍스트로 버튼을 대신할 수 있습니다. 2017. 7. 5.
Splash (로딩화면) 화면 만들기 | Android 앱을 만들 때, 스플래쉬 화면이 들어가는 경우가 많은데요. 오늘은 스플래쉬 화면을 만드는 방법에 대해서 정리해 보겠습니다. 1. Google의 SplashScreen 가이드 구글의 SplashScreen 가이드는 아래의 링크를 보면 되는데요. https://material.io/guidelines/patterns/launch-screens.html 로딩시간이 짧은 앱에 적합하다고 되어 있네요. SplashScreen은 다음과 같이 두가지로 나누어 지는데요. 로딩전까지 핵심 UI들을 PlaceHolder로서 미리 보여주는 PlaceHolder UI 브랜드를 홍보하기위한 Branded launch screens 아무래도, 두번째인 Branded launch screen의 경우가 많을 것 같습니다. 그럼 어떻.. 2017. 6. 18.
Keyboard 가 보이는지 알수 있게 해주는 ViewTreeObserver 앱을 만들다 보면, 키보드(softKeyboard)가 화면에 올라가 있는지 아닌지 알아야 할 때 가 있는데요.오늘은 어떻게 하면 화면을 측정해서, 키보드가 올라가는지 내려가 있는지 알 수 있는지에 관해서 정리해 보도록 하겠습니다.(언젠가 구글에서 Keyboard의 show/hide 상태를 얻어올 수 있는 API가 생기면 좋겠다는 바람이 있네요) 1. XML 작업 먼저 EditText를 넣어서 키보드를 올릴경우에 어떻게 되는지 보도록 하겠습니다.EditText를 넣어주고, 추가적으로 최상단 부모View에 id를 아래이미지와 같이 넣어줍니다. 또한 manifest파일에서 keyboard 가 올라갈 경우에 화면에 resize되도록 해주기 위해 adjustResize와, 앱시작후에 키보드가 나타나있지 않도록 s.. 2017. 6. 10.
ScrollView 에서 하단에 뷰를 붙일 때 필요한 fillViewport 안드로이드 앱을 만들다 보면, 스크롤 뷰 가장 하단에 광고라든가, 확인 취소 버튼을 넣어야 하는 경우가 있습니다.그런데, 디폴트로 스크롤 뷰의 자식뷰가 항상 View의 전체 면적을 차지하지 않고 있기 때문에,가장 하단에 위치해야 하는 광고 혹은 확인 취소 버튼이 위로 올라가 붙어있습니다. 물론, RelativeVIew를 사용해서 하단에 항상 위치시킬 수 도 있지만,원하지 않는 결과가 나올수도 있으므로 항상 Relative로 해결할 수는 없습니다. 이럴 때 어떻게 해야할지 실제로 구현해 보면서 정리하겠습니다. 1. 기본 UI 구현 먼저 스크롤 뷰의 ChildLayout에 LinearLayout을 넣고, 그 안에 주황색 View와 입력을 받을 수 있는 EditText를 위치시킵니다.이 때, layout_we.. 2017. 6. 7.
Activity 화면이 꺼지지 않도록 하려면? 앱을 만들다 보면, 유저의 입력을 받지 않아도 계속 화면이 켜져 있도록 해야 하는 경우가 있는데요.이 경우에는 어떻게 해야할가요?XML에서 설정해주는 방법과, Java코드에서 하는 방법이 있는데요.하나하나 알아보겠습니다. 1. XML에서 설정하는 방법 아래와 같이, android:keepScreenOn="true" 을 해주는 것 만으로, Activity실행이후에 유저가 화면을 끄지 않는 한은 Sleep 모드로 들어가지 않습니다. 2. Java Code에서 설정하는 방법 JavaCode에서 설정하는 방법도 한 줄이면 되는데요.>> getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);이 코드를 추가해주기만 하면됩니다. 참고로, Cpu가 .. 2017. 4. 21.
clipChildren 으로 ViewGroup의 범위를 벗어나는 안드로이드 UI 안드로이드 앱을 만들면서, UI작업을 하다보면 ViewGroup의 범위를 벗어나도록 표현해야 할 경우가 생깁니다.무작정 마이너스 마진을 넣는다고 되지는 않구요. ViewGroup의 clipChildren 옵션을 사용해야 하는데요. 오늘은 이 clipChildren옵션을 사용해서 VIewGroup범위를 벗어나는 UI를 그리는 방법에 대해서,실제로 코드를 작성해보면서 정리해 보겠습니다. 1. ViewGroup에 ClipChildren 적용하기 ViewGroup중 하나인 RelativeLayout에 ClipChildren을 먼저 적용해 보겠습니다.이 옵션은 ViewGroup의 Child가 부모의 범위안에서 그려지도록 제한할지를 정하는 옵션입니다.false를 주지 않으면 기본값인 true로 되어서, 아무리 마이.. 2017. 4. 17.
안드로이드에서 카톡방식의 ViewPager + Tab 레이아웃 구현 카카오톡 을 사용하시다보면 좌우로 화면을 넘겨서 탭을 이용할 수 있는데요, 예를 들면 친구탭에서 채팅탭으로 이동할때, 상단 탭을 누를수도 있지만, 옆으로 쓰윽 밀어도 되지요? 이런 방식의 레이아웃을 구현하는 것을 정리해보려고 합니다. 1. 구조분석 상단에 3개의 탭메뉴가 있고, 각 탭에 따라서, 3개의 페이지가 있는데요, 이 페이지들은 Fragment로 만들려고 합니다. 만들고자 하는 화면은 아래와 같습니다. 움직임을 보여드릴수는 없지만, 카톡처럼 좌우로 스와이핑되면서 탭간이동이 되는 화면입니다;;;. 2. 필요한 라이브러리 설정 오늘도 예외없이 라이브러리 설정 먼저하고 갑니다~. dependency에서 design이라고 검색하시면 맨위에 나오는 라이브러리를 선택해주세요. 이번에 사용하는 라이브러리는 d.. 2017. 3. 13.
ConstraintLayout 의 매력에 빠져보겠습니다 어느 순간부터 안드로이드 스튜디오를 업데이트 하고나서,프로젝트를 생성한 뒤에, MainActivity.xml을 열어보면,Root ViewGroup이 아래와 같이 ConstraintLayout으로 되어 있는 걸 볼 수 있습니다. 도대체 얼마나 매력적이기에, 구글에서 이것을 디폴트로 쓰라고 추천하는지 궁금해지는데요.오늘은 이 ConstraintLayout에 대해서 정리해 보면서, 그 매력에 빠져보겠습니다~. 1. ConstraintLayout Constraint의 한글뜻은 제한, 통제라는 뜻인데요.모순적이지만, 구글에서는 블로그에서 ViewGroup을 아주 파워풀하고, 유연한 툴이라고 소개하고 있습니다. 구체적으로는, 복잡한 UI들을 안에 겹겹히 쌓지 않고도,위치나 사이즈를 유연하게 적용시킬 수 있는 Vie.. 2017. 3. 10.
CollapsingToolbarLayout 으로 구현한 닫혀지는 ActionBar 안드로이드 Material Design이 나오면서, 앱 디자인에 종종 등장하는 UI가 있는데요. 바로, CollapsingToolbarLayout입니다. 이 Layout은, 아래와 같이 닫혔다, 열렸다 하는 안드로이드의 ActionBar를 가르키는데요. 오늘은 이UI를 구현하는 것에 대해서, 정리해보겠습니다. 1. Design Library 준비 MaterialDesign의 대표적 레이아웃인 CollapsingToolbarLayout을 사용하기 위해서는, Google이 제공하는 DesignLibrary가 필요합니다. dependencies에 아래와 같이 추가하면 됩니다. 직접 build.gradle에 추가하고자 한다면, compile 'com.android.support:design:25.2.0' 를 추.. 2017. 3. 5.
안드로이드 ActionBar에 Menu 를 구현해보자 안드로이드 우측 상단에 보면 아이콘과 점3개로 되어있는 아이콘이 있는 UI를 본적이 있으실 텐데요.오늘은 이것에 대해서 정리해 보도록 하겠습니다. 실제로 만들 화면은 아래와 같은데요.우측 상단의 디스켓 아이콘과 점점점으로 된 아이콘이 저희가 만들어 볼 Action Button들이구요, 그 중 점점점으로 된것이 overflow menu Button입니다. 그럼 하나하나 구현해보도록 하겠습니다. 1. 메뉴 XML파일 생성 먼저, 해야할 일은 xml을 만들고, menu화면을 정의하는 일인데요.res폴더에서 new> android resource file을 선택해줍니다. menu_sample 로 file name을 정하고, ResourceType을 menu로 선택해줍니다. 2. XML파일 생성 XML파일에서 각.. 2017. 3. 2.
Android 에서 동적으로 View 추가하기 #LayoutInflater 안드로이드 앱을 만들다 보면, 동적으로 View를 추가해야 할 경우가 생기는 데요. 오늘은, 이럴 때 어떻게 해야하는지 정리해 보겠습니다. 1. LayoutInflater layout을 생성하는 것은 inflate한다고 하는데요. 참고로 inflate의 의미를 사전에서 찾아보면, 부풀리다라는 의미인데요. View를 정의한 XML이나 Java파일대로 View를 inflate한다고 생각하면 될 것 같습니다. inflate는 getLayoutInflater()를 이용해서 현재 context와 폰화면에 맞는, LayoutInflater객체를 생성해서 사용해야 하는데요. 아래와 같이 layoutInflater객체를 얻어옵니다. 이제 inflate()메소드로 view를 inflate해줘야 하는데요, 먼저 view로.. 2017. 2. 21.
Android에서 Java코드로 margin값 변경하기 Android에서 레이아웃을 잡을 때는 XML을 이용하는데요. 하지만, 경우에 따라서, 동적으로 프로그래밍된 값으로 element를 움직여줘야 할 때가 있습니다. 이 때는 동적으로 margin값을 잡아줘야 할텐데요. 오늘은 이것에 대해서 정리해 보도록 하겠습니다. 1. 기본 Layout 정의 아래와 같이 Text밑에 LinearView가 있고, 그 밑에 LinearLayout안에 ImageView와 TextView가 있는 구조를 만들어 보겠습니다. 위 XML은 아래와 같이 보입니다. 2. Java 코드 저희가 이동시킬 대상은 id가 img_test인 안드로이드아이콘을 소스로 가지고 있는, ImgView인데요. 이 뷰의 마진 값을 저장하려면 LayoutParams객체를 가져와서 수정해야 합니다. 이 Lay.. 2017. 2. 20.
안드로이드 Custom Toolbar 와 Theme 적용하기 오늘은 안드로이드 앱의 상단 헤더부분에 대해,custom하게 디자인하는 방법을 알아보겠습니다. 이 헤더 부분에 대해서 Android에서는 ActionBar라는 이름으로 제공되고 있는데요.이 ActionBar라는 것이 버전별로 다른 이름으로 다르게 제공되고 있어서 버전 호환 문제가 있습니다.supportLibrary에서는 ToolBar 라는 이름으로, 헤더 부분을 제공해주고 있는데요.보통은 이 ToolBar를 이용해야, 호환성 문제가 없기 때문에 ToolBar를 디폴트로 사용하게 됩니다. 기본적으로 제공하는 Toolbar(혹은 ActionBar)의 디자인만 이용해도 무리가 없지만,좀더 커스터한 디자인을 사용하는 앱을 만들려고 할때,어떻게 해야하는지 정리해 보겠습니다~. 1. Theme 정의 먼저, 커스텀에.. 2017. 1. 23.
Android에서 Time Picker 생성하기 안드로이드에서 TimePicker를 사용해서 사용자에게 시간을 선택하도록 할 수 있는데요. 오늘은 이 TimePicker에 대해서 정리해보겠습니다. 1. XML에서 TimePicker 생성 참고로, 우리가 TimePicker는 저희들이 보통 Dropdown메뉴 같다고 하는 Spinner와는 다른 UI형태를 가지고 있습니다. 가장 최근 버전의 TimePicke Ui는 아래이미지와 같은데요. 위와 같은 TimePicker를 XML에서 부르는 방법은, 다음과 같습니다. 음, 그런데 옛날처럼 스크롤 하면서 내리거나 올리는 방식이 더 좋아보인다구요? 네, 그럼 xml에서 옵션을 하나만 더 넣으시면 되는 데요. timePickerMode="spinner" 요것만 더 넣어주시면 됩니다. 그럼 아래와 같이 위아래로 스.. 2017. 1. 15.
Android 에서 Button 눌렸을 때 이미지 변경 방법 Android에서 버튼작업을 하면, 체크박스가 눌렸을 때나, 버튼을 눌렸을 때, 버튼의 컬러나 상태등이 변하게 해서 유저가 알 수 있도록 해야 하는데요. 오늘은 버튼의 이미지를 상태에 따라 변경하는 방법에 대해서 정리해보았습니다. 1. 두 가지 상태의 버튼 이미지 준비 우선 변경할 이미지가 필요하겠죠. 저는 이렇게 두가지 이미지를 체크박스를 위해서 준비해놓았습니다.버튼을 만들고자 하신다면, 보통은 9Patch이미지가 필요할 것 같네요. 2. Selector XML파일 만들기 두 가지 상태의 이미지를 정의하는 Selector XML파일을 res>drawable에 만들텐데요. drawable폴더위에서 오른쪽 마우스 버튼을 이용해서 new> Drawable Resource File을 선택합니다. 파일의 이름을.. 2016. 12. 30.
Android 라인(수평선, 수직선) 그리기 안드로이드 UI작업을 XML에서 하다보면, 별것아닌데, 필요한 것이 있죠. 바로 1px짜리, 혹은 2px짜리 라인입니다. 이걸 이미지로 한다는 것은 너무나 귀찮은 일이죠. 1. 수평선 그리기 위와 같이 View를 이용해서 쉽게 그려낼 수 있습니다. 2. 수직선 그리기 사실 이건 특별할 게 없습니다. width와 height만 원하시는 길이로 잡아 주시면 되거든요. 별거 아닌 팁중 하나인 라인 그리기 정리해보았습니다. 추후에 코드를 이용해 동적으로 추가하는 것도 정리해볼 생각입니다~ 2016. 12. 20.

티스토리툴바