Android Studio:浮动操作按钮:提升效果有效,但效果不佳
Android Studio: Floating Action Button: elevation works, but not as it should
我需要版本 >=16 的带阴影(高程)的 Circle ImageView,我决定尝试 FAB。
问题:
If fabsize - normal
如果您选择 fabCustomSize(75dp)>fabsize(normal) - 有效,但图像太小:
fabcustomsize 75dp
XML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorBlueLightLight"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:orientation="horizontal">
<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_weight="1"
android:clickable="true"
app:backgroundTint="#C4C4C4"
app:borderWidth="0dp"
app:elevation="4dp"
app:fabCustomSize="75dp"
app:fabSize="normal"
app:rippleColor="#25FAFAFA"
app:srcCompat="@drawable/mute_2"
app:useCompatPadding="false" />
</LinearLayout>
另外两个按钮代码相同
解决方案 1
此解决方案仅适用于 AndroidX,您可以阅读 迁移到 AndroidX。在你的 fab 中使用 app:maxImageSize="50dp"
。
解决方案 2
如果您暂时不想使用 AndroidX,请将此维度放入您的 dimens.xml
<dimen name="design_fab_image_size" tools:override="true">70dp</dimen>
更新
如果要设置 app:fabCustomSize
,请不要设置 android:layout_width
和 android:layout_height
。这样你的fab就不会像正方形了
我需要版本 >=16 的带阴影(高程)的 Circle ImageView,我决定尝试 FAB。
问题: If fabsize - normal
如果您选择 fabCustomSize(75dp)>fabsize(normal) - 有效,但图像太小: fabcustomsize 75dp
XML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorBlueLightLight"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:orientation="horizontal">
<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_weight="1"
android:clickable="true"
app:backgroundTint="#C4C4C4"
app:borderWidth="0dp"
app:elevation="4dp"
app:fabCustomSize="75dp"
app:fabSize="normal"
app:rippleColor="#25FAFAFA"
app:srcCompat="@drawable/mute_2"
app:useCompatPadding="false" />
</LinearLayout>
另外两个按钮代码相同
解决方案 1
此解决方案仅适用于 AndroidX,您可以阅读 app:maxImageSize="50dp"
。
解决方案 2
如果您暂时不想使用 AndroidX,请将此维度放入您的 dimens.xml
<dimen name="design_fab_image_size" tools:override="true">70dp</dimen>
更新
如果要设置 app:fabCustomSize
,请不要设置 android:layout_width
和 android:layout_height
。这样你的fab就不会像正方形了