[안드로이드 프로그래밍]L 플로팅 버튼을 사용해보자

프로그래밍/Android 2016.04.28 댓글 Plorence

먼저, 이강좌는 안드로이드 스튜디오(android studio)라는 개발프로그램을 중심으로 포스팅하였습니다.

같은개발언어면 어떤프로그램이든간에 상관없이 적용됩니다.

 




플로팅 버튼(Floating button)이란?

플로팅 버튼은 L버전의 소프트웨어가나오면서 같이나온 디자인라이브러리중 하나입니다.

사진과 같이 띄울수있고, 클릭이벤트가 가능합니다. 플로팅 버튼을 클릭한후 메뉴를 띄우는것도 가능합니다.

먼저 파일을 다운받아주세요.



우클릭후 이미지저장으로 플러스 사진을 다운받아주세요.


파일을 다운 받으면 소스를 넣어야합니다. 


<android.support.design.widget.FloatingActionButton
android:id="@+id/floating"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="160dp"
android:layout_gravity="bottom|end"
app:backgroundTint="@color/colorAccent"
android:src="@drawable/ic_content_new" />


기본적인 소스입니다. 이것만추가해주시면 됩니다.

색상은 colorAccent 라는 색상으로됩니다. (메테리얼분홍색)

app:backgroundTint="@color/colorAccent" 부분은 컬러에서 원하시는 색상을 사용하시면됩니다. 위에있는소스는 사진과 같이 분홍색입니다.

이게 끝난게 아닙니다. 공식적으로 지원하는 라이브러리를 사용해야합니다.

직접 입력은 build.gradle(app)에서 가능합니다 열어주세요!


dependencies {
compile fileTree(include: ['*.jar'], dir: 'libs')
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.2.1'

}


기본적으로 이렇게 되있을건데요 compile 바로밑에


compile 'com.android.support:design:23.1.1'
compile 'com.android.support:support-v4:23.1.1'
compile 'com.android.support:support-v13:23.1.1'
이걸 추가해주세요.



dependencies {
compile fileTree(include: ['*.jar'], dir: 'libs')
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.2.1'
compile 'com.android.support:design:23.1.1'
compile 'com.android.support:support-v4:23.1.1'
compile 'com.android.support:support-v13:23.1.1'
}
최종적으로 이렇게 됩니다.
이것으로 강좌를 마치겠습니다. 감사합니다.



댓글