Android開発懸濁ボタンFloat at_ActButtonの実現方法
2547 ワード
紹介します
このクラスはImageViewから継承されていますので、このコントロールにはImageViewのすべての属性が使えます。
xmlファイルでは、青色のフォント部分に注意してください。
1、app:border Width=「」------フレーム幅は通常0に設定され、Android 5.X設備上の影が正常に表示されない問題を解決するために使用されます。
2、app:backgroundTint="-------ボタンの背景色は、設定せずに、デフォルトではthemeのcolorAccentの色を使用します。
3、アプリ:rippleColor=「」---------------クリックしたエッジの影の色
4、app:elevation=「」------エッジシャドウの幅
5、app:presedTranslation Z=「16 dp」ボタンをクリックすると、ボタンのエッジの影の幅は、通常elevationの値より大きく設定されます。
また、ボタンの色をクリックして、正常な状態にして、ユーザーの体験を高めたいです。それでは、drawableフォルダにファイルfloat button.xmlを作成します。
このクラスはImageViewから継承されていますので、このコントロールにはImageViewのすべての属性が使えます。
android.support.design.widget.FloatingActionButton
二、準備を使って、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:border Width=「」------フレーム幅は通常0に設定され、Android 5.X設備上の影が正常に表示されない問題を解決するために使用されます。
2、app:backgroundTint="-------ボタンの背景色は、設定せずに、デフォルトではthemeのcolorAccentの色を使用します。
3、アプリ:rippleColor=「」---------------クリックしたエッジの影の色
4、app:elevation=「」------エッジシャドウの幅
5、app:presedTranslation Z=「16 dp」ボタンをクリックすると、ボタンのエッジの影の幅は、通常elevationの値より大きく設定されます。
また、ボタンの色をクリックして、正常な状態にして、ユーザーの体験を高めたいです。それでは、drawableフォルダにファイルfloat button.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ファイルにセットすればいいです。同時に、ap:background Tint=「」属性はもう設定しなくてもいいです。
<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"
/>
効果図: