안드로이드 디자인
-
[Android] iphone Style Switch Custom(라이브러리 사용하여 아이폰 스타일 스위치 간단하게 구현하기)안드로이드 디자인 2020. 8. 27. 20:24
안드로이드에서 제공되는 기본 스위치 디자인 외에 아이폰 스타일의 스위치를 사용하기 위해 drawble 폴더에 thumb와 track background 파일을 만들고 직접 적용시켜본 경험들이 있을 것이다. 이처럼 xml 파일을 만들지 않고, 간단하게 라이브러리만 적용시켜 아이폰 스타일의 스위치를 구현하는 방법에 대한 포스팅이다. 디자인뿐만 아니라 애니메이션도 적용이 되며 색상도 커스텀이 가능하다. ↓SwitchButton Library https://github.com/zcweng/SwitchButton zcweng/SwitchButton SwitchButton.An beautiful+lightweight+custom-style-easy switch widget for Android,minSdkVersi..
-
[Android] Scrollview Scroll bar&effect Hide(스크롤뷰 스크롤바&효과 숨기기)안드로이드 디자인 2020. 8. 27. 15:13
안드로이드 Scrollview를 적용하면 기본적으로 세로 스크롤뷰의 경우 스크롤바가 우측에, 가로 스크롤뷰의 경우 하단에 표시된다. 또한 맨 위나 맨 아래로 스크롤하면 더 이상 스크롤할 컨텐츠가 없다는 것을 알려주기 위해 효과가 아래와 같은 효과가 표시된다. 이를 간단한 XML 코드만으로도 숨길 수 있다. XML 코드 android:scrollbars="none" android:overScrollMode="never" 스크롤뷰에 위 두 줄을 추가해주면 스크롤바와 효과가 사라져서 좀 더 깔끔한 디자인이 완성된다. 본 작성자는 안드로이드 개발을 공부하고 있는 학생으로 피드백 및 질문을 환영합니다. 그러나 무단복제 및 배포는 정중하게 사양하고 있으며, 참고 사이트로 링크를 남기실 때는 동의를 구해주시기 바랍니다.
-
[Android] Change Launcher Icon(런처 아이콘 바꾸기)안드로이드 디자인 2020. 8. 25. 15:55
01. File - New - Image Asset을 선택한다. 02. Icon Type을 Launcher Icons를 선택한다. Name을 변경해주어도 되지만 이후에 Androidmanifes.xml 파일도 수정해줘야 정상적으로 런처 아이콘이 보인다. 03. Image를 선택한 후 폴더를 눌러서 원하는 이미지를 찾는다. 04. 이미지가 잘리지 않도록 Scaling을 Yes로 바꿔준다. 그 외에 Resize 값을 조절해서 아이콘을 원하는 사이즈로 조절한다. 05. 배경이 없는 아이콘의 경우 Background Layer도 설정해줄 수 있다. Background Layer에 색상이나 이미지를 넣어준다. 설정이 완료되었다면 Next 버튼 클릭 후 Finish 버튼을 누른다. 06. Manifest 파일 수정..
-
[Android] Using Custom Font(원하는 글꼴 적용하기)안드로이드 디자인 2020. 8. 24. 13:58
01. 원하는 폰트 파일을 다운받기 필자는 모바일용 한글 폰트인 나눔바른고딕을 다운받았다. https://hangeul.naver.com/2017/nanum [네이버 한글한글 아름답게 : 나눔글꼴] 한글의 아름다움, 나눔글꼴로 나눕니다. hangeul.naver.com 다운받은 압축 파일을 해제한다. font 파일명에 있는 대문자를 다 소문자로 바꿔준다. (언더바는 사용 가능하다.) 02. Font 폴더 생성 및 폰트 파일 복사 res 폴더 내에 font 폴더를 생성한다. font 폴더 내에 font.xml 파일을 생성한다. 압축을 풀어놨던 파일을 선택하여 Ctrl + C를 한다. (또는 우클릭 후 복사 선택) 아까 만들었던 font 폴더를 선택하여 Ctrl + V를 한다. (또는 우클릭 후 붙여넣기 선..
-
[Android] Material Design text field 색상 속성 정리안드로이드 디자인 2020. 8. 21. 18:45
Filled text field Container Leading icon Label Input text Trailing icon Activation indicator Helper/error/counter text Prefix/suffix/placeholder (not shown) ※ 아래 표의 모든 속성은 TextInputLayout에 설정되어야 합니다. 단, 입력 텍스트 속성 예외입니다. (TextInputEditText에 설정) Filled text field 색상 속성 정리 Attribute(속성) Related method(s) Default value(기본값) Description(설명) Color app:boxBackgroundColor setBoxBackgroundColor setBoxBac..