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