Android 개발 부유 단추 Floating ActionButton 의 실현 방법

소개
이 종 류 는 ImageView 에서 계승 되 기 때문에 이 컨트롤 에 대해 서 는 ImageView 의 모든 속성 을 사용 할 수 있 습 니 다.

android.support.design.widget.FloatingActionButton 
2.준 비 를 사용 하여 as 의 build.grade 파일 에 쓰 십시오.

compile 'com.android.support:design:22.2.0' 
사용 설명
xml 파일 에서 파란색 글꼴 부분 주의

<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_centerInParent="true"
android:src="@mipmap/ok"
app:borderWidth="0dp"
app:backgroundTint="#FF4011"
app:rippleColor="#33728dff"
app:elevation="8dp"
app:pressedTranslationZ="16dp"
/>
우리 가 app 속성 을 사용 한 것 을 볼 수 있 으 면 루트 용기 에 이 속성 을 추가 해 야 합 니 다.

xmlns:app="http://schemas.android.com/apk/res-auto" 
속성 소개:
1.app:borderWidth=""---------------------------------------------------------------------------------
2,app:background Tint=""---------------------단추 의 배경 색,설정 하지 않 음,기본적으로 theme 에서 colorAccent 의 색 을 사용 합 니 다
3.app:rippleColor=""------------------------클릭 한 가장자리 그림자 색상
4.app:elevation=""-----------------------------------------------------------------
5.app:pressed TranslationZ="16dp"---단 추 를 눌 렀 을 때 단추 가장자리 그림자 의 폭 은 보통 elevation 의 수치 보다 크다.
또한,사용자 체험 을 향상 시 키 기 위해 서 단 추 를 누 르 고 싶 습 니 다.drawable 폴 더 에 파일 floatbutton.xml 을 만 드 는 것 입 니 다.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/colorNormal"></item>
<item android:state_pressed="true" android:drawable="@color/colorPressed"></item>
</selector>
그 다음 에 저 희 는 Float Action Button 의 backgroud 를 이 drawable 파일 로 설정 하면 됩 니 다.또한 app:backgroundTint="속성 도 더 이상 설정 하지 않 을 수 있 습 니 다.

<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/floatbutton"
android:src="@mipmap/ok"
app:borderWidth="0dp"
app:rippleColor="#33728dff"
app:elevation="8dp"
app:pressedTranslationZ="16dp"
/>
효과 그림:

좋은 웹페이지 즐겨찾기