当前位置: 首页 > 知识库问答 >
问题:

Android L FAB按钮阴影

濮献
2023-03-14

在材料设计指南中,谷歌展示了一种新的按钮样式,即FAB按钮。我找到了如何使它的说明,但我有麻烦添加阴影。如何才能做到这一点呢?

共有1个答案

梁丘宏硕
2023-03-14

查看“activity.java”,这里可能有您需要的代码。

我做的Fab-Button是这样的:

layout.xml

    <Button
    style="?android:attr/buttonStyleSmall"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:text="+"
    android:textSize="40sp"
    android:background="@drawable/ripple"
    android:id="@+id/fabbutton"
    android:layout_margin="@dimen/activity_horizontal_margin"
    android:elevation="3dp"
    android:paddingBottom="16dp"
    android:fontFamily="sans-serif-light"
    android:layout_alignParentEnd="true"
    android:layout_gravity="right|bottom" />
<?xml version="1.0" encoding="utf-8"?>
 <ripple android:color="#ffb300" xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:drawable="@drawable/fab"></item>
</ripple>
<?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <solid android:color="@color/accentColor" />
</shape>
    import android.graphics.Outline;
    ...
    Button fab = (Button) rootView.findViewById(R.id.fabbutton);

    Outline mOutlineCircle;
    int shapeSize = getResources().getDimensionPixelSize(R.dimen.shape_size);
    mOutlineCircle = new Outline();
    mOutlineCircle.setRoundRect(0, 0, shapeSize, shapeSize, shapeSize / 2);

    fab.setOutline(mOutlineCircle);
    fab.setClipToOutline(true);
 类似资料:
  • 把我的代码精简到最小的例子: 主要活动。xml 我需要那个布局结构。 主要活动。JAVA 阴影在Android Studio designer中可见: 但未在运行时显示: 测试日期: Genymotion谷歌Nexus 5X-Marshmallow6.0.0-API 23 都是一样的结果。 我正在使用: Android Studio 2.1.2 请在Andriod Studio中创建一个新项目,清

  • 我试图包括一个浮动的行动按钮到我的应用程序。这适用于API 21及以上的设备。但对于早期版本的设备,拖放阴影如下所示: 浮动操作按钮的xml如下所示: 我使用支持设计库'com.android.support:design:23.1.1'来包含浮动操作按钮。 编辑: 我发现,40dp的自定义尺寸是个问题。破碎的阴影很可能只出现在40dp和原始尺寸之间的空间....这并不能解决我的问题,但这是一个提

  • 如果你使用Bootstrap,那么你会觉得SUI用起来非常的顺手,而且几乎所有的UI框架都是这种设计思路。 按钮 SUI默认的按钮是空心的,有多个按钮的风格可供选择,用户不同的状态中,比如提交表单就用绿色的按钮,执行删除等重要的操作,就用红色的按钮。 <header class="bar bar-nav">   <h1 class='title'>按钮</h1> </header> <div

  • 在表单、对话框等需要用到的场合使用Bootstrap的自定义按钮样式。Bootstrap按钮支持一系列上下文变量、尺寸、状态和其它。 示例 Bootstrap包括了六种预定义的按钮样式,每种样式服务于它们各自的语义目的。 <!-- Provides extra visual weight and identifies the primary action in a set of buttons -

  • material design 中有三种类型的按钮。凸起的按钮是一个标准的按钮,表示动作,相对于页面有一个深度。悬浮的圆形动作按钮表示很重要的功能。平面按钮通常用于已经有深度的卡片会模态。 凸起的 <a class="waves-effect waves-light btn">按钮</a> <a class="waves-effect waves-light btn"><i class="mate