woong's

Android 머티리얼 디자인 사용하기 본문

Develop/Android

Android 머티리얼 디자인 사용하기

dlsdnd345 2016. 2. 13. 22:36

Android 머티리얼 디자인 사용하기


최근 시간이 나지 않아 이제서야 머티리얼 디자인을 공부하고자 포스팅을 쓰고 있습니다.

최근에 많은 변화들이 있었던것 같습니다. Android Studio  전환 , 머티리얼 디자인 전환등

날로 좋아지고 있는것 같습니다.

앞으로의 포스트는 Android Studio 기준으로 포스팅 하고자 합니다.


Android 에서 Support 라이브러리 지원으로 인해서 5.0 롤리팝이 아닌 단말에서도 머티리얼 디자인을 지원

해주고 있습니다. 하지만 일부분만 지원해 주기때문에 모든것을 머티리얼 디자인으로 적용은 아직

힘든것 같습니다. 차츰 좋아질것이라 생각합니다.


1. 라이브러리 추가

 

​하위 버전에서 사용하기 위해서는 Support Library 를 추가 해야 합니다. Android Studio 는 기본적으로 

추가 하여 생성 됩니다. 이클립스에서 작업하시는 분들은 보시고 라이브러리 추가 해주시면 될듯 합니다.

그래도 어떻게 추가가 되서 적용이 되는지 확인해 보겠습니다.


app > build.gradle 을 열어보시면



​최하단을 보시면  


1
compile 'com.android.support:appcompat-v7:21.0.3'
cs


위 코드를 통해서 acompat v7 라이브러리를 통해서 머티리얼 디자인을 사용 할수 있습니다.

준비가 완료 되었습니다. 


2. 타겟 변경


머티리얼 디자인을 적용 하기 위해서는 타켓 버젼을 21 롤리팝까지 증가시켜 주어야 합니다. 

android studio 역시 적용이 되어 있네요. 이제는 정말 사용해야 할듯 합니다.




3. 테마 적용


마지막을 테마를 적용해야 합니다. 이또한 android studio는 적용 되어 있습니다. 이클립스 사용자 분들은

참고하셔서 작성해주시면 될듯 합니다.


 


4. 머테리얼 디자인 적용


android studio 를 통해서 프로젝트를 생성하신분은 기본적으로 머티리얼 디자인이 적용되어서 바로 

만드시면 될듯 합니다. 

이제 준비가 완료 되었으니 위젯들을 만들어 보면 될듯 합니다.


android 5.0 기준


롤리팝은 효과부터가 다르네요. 선택시 원 애니메이션 효과도 이고 전체적으로 애니메이션이

추가되어서 커스텀하지 않아도 기본 위젯으로 이쁜 앱을구성 할수 있을것 같습니다.



android 4.4 기준


4.4는 많은부분이 적용 되지 않은듯 합니다.

EditText , CheckBox , Radio 버튼 정도 머티리얼 디자인이 적용된것을 볼수 있습니다.



Comments