Questions tagged «floating-action-button»

浮动动作按钮是升级动作的特例。它们的区别在于浮动在UI上方的带圆圈图标,并具有特殊的运动行为,与变形,启动及其转移锚点有关。

24
Android更改浮动操作按钮颜色
我一直在尝试更改Material的“浮动动作按钮”的颜色,但没有成功。 <android.support.design.widget.FloatingActionButton android:id="@+id/profile_edit_fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="end|bottom" android:layout_margin="16dp" android:clickable="true" android:src="@drawable/ic_mode_edit_white_24dp" /> 我尝试添加: android:background="@color/mycolor" 或通过代码: FloatingActionButton fab = (FloatingActionButton) rootView.findViewById(R.id.profile_edit_fab); fab.setBackgroundColor(Color.parseColor("#mycolor")); 要么 fab.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#mycolor"))); 但以上方法均无效。我也尝试过提出的重复问题中的解决方案,但是没有一个起作用。按钮保持绿色,并且也变成了正方形。 PS知道如何添加波纹效果也很高兴,也无法理解。

10
如何在两个小部件/布局之间添加新的“浮动操作按钮”
我想您已经看过新的Android设计指南,其中包括新的“浮动操作按钮”(又名“ FAB”) 例如,此粉红色按钮: 我的问题听起来很愚蠢,我已经尝试了很多方法,但是将这个按钮放置在两个布局的交集上的最佳方法是什么? 在上面的示例中,此按钮完美地放置在我们可以想象的ImageView和relativeLayout之间。 我已经尝试了很多调整,但是我相信有正确的方法可以做到。


11
调整“浮动操作”按钮(fab)的图标大小
新的浮动操作按钮应为56dp x 56dp,其内部的图标应为24dp x 24dp。因此,图标和按钮之间的间距应为16dp。 <ImageButton android:id="@+id/fab_add" android:layout_width="56dp" android:layout_height="56dp" android:layout_gravity="bottom|right" android:layout_marginBottom="16dp" android:layout_marginRight="16dp" android:background="@drawable/ripple_oval" android:elevation="8dp" android:src="@drawable/ic_add_black_48dp" /> 波纹_oval.xml <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="?android:colorControlHighlight"> <item> <shape android:shape="oval"> <solid android:color="?android:colorAccent" /> </shape> </item> </ripple> 这就是我得到的结果: 我使用了\ material-design-icons-1.0.0 \ content \ drawable-hdpi \ ic_add_black_48dp.png https://github.com/google/material-design-icons/releases中的图标 /标记/1.0.1 如何使按钮内的图标大小完全符合准则中所述? http://www.google.com/design/spec/components/buttons.html#buttons-floating-action-button

5
支持库的FloatingActionButton示例
最近,我阅读了以下帖子: Android设计支持库 Android支持库,版本22.2.0 FloatingActionButton 但是,它们都没有给我提供有关创建新实例的详细示例FloatingActionButton。很难理解,我问这个问题。 谁能给我一个例子吗? 任何帮助,不胜感激。提前致谢。 编辑 我刚刚在FloatingActionButton(FAB)上发现了一些问题,并且我想改善另一个答案。请参阅下面的答案。

7
Android设计库-浮动操作按钮填充/页边距问题
我正在使用Google设计库中新的FloatingActionButton,但遇到了一些奇怪的填充/边距问题。该图像(启用了开发者布局选项)来自API 22。 从API 17开始 这是XML <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_gravity="bottom|right" android:layout_marginLeft="16dp" android:layout_marginRight="20dp" android:layout_marginTop="-32dp" android:src="@drawable/ic_action_add" app:fabSize="normal" app:elevation="4dp" app:borderWidth="0dp" android:layout_below="@+id/header"/> 为什么API 17中的FAB这么大的填充/边距明智的选择?

7
来自官方设计库的带有FloatingActionButton的InflateException
我正在使用FloatingActionButtonGoogle支持设计库中的官员提供的错误。 这是我的LogCat。 android.view.InflateException: Binary XML file line #34: Error inflating class android.support.design.widget.FloatingActionButton at android.view.LayoutInflater.createView(LayoutInflater.java:633) at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:743) at android.view.LayoutInflater.rInflate(LayoutInflater.java:806) at android.view.LayoutInflater.rInflate(LayoutInflater.java:809) at android.view.LayoutInflater.inflate(LayoutInflater.java:504) at de.robv.android.xposed.XposedBridge.invokeOriginalMethodNative(Native Method) at de.robv.android.xposed.XposedBridge.handleHookedMethod(XposedBridge.java:655) at android.view.LayoutInflater.inflate(Unknown Source) at android.view.LayoutInflater.inflate(LayoutInflater.java:414) at ---.---.com.---.SubCategoryFragment.onCreateView(SubCategoryFragment.java:47) at android.support.v4.app.Fragment.performCreateView(Fragment.java:1789) at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:955) at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1138) at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:740) at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1501) at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:458) at android.os.Handler.handleCallback(Handler.java:739) at android.os.Handler.dispatchMessage(Handler.java:95) …


9
设置FAB图标颜色
当前的FAB 我想知道如何将'com.android.support:design:22.2.0'库提供的FAB(浮动操作按钮)小部件的图标颜色从绿色更改为白色。 style.xml <resources> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/color_primary</item> <item name="colorPrimaryDark">@color/color_primary_dark</item> <item name="colorAccent">@color/accent</item> </style> <color name="color_primary">#00B33C</color> <color name="color_primary_dark">#006622</color> <color name="accent">#FFB366</color> activity_main.xml <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <include android:id="@+id/toolbar" layout="@layout/toolbar" /> <TextView android:id="@+id/text" android:text="@string/hello_world" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="16dp" android:paddingTop="16dp" android:textSize="20sp" /> …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.