每个项目的编辑按钮的材料设计建议

时间:2015-02-26 17:58:57

标签: android button material-design material

我想为项目列表中的每个按钮添加一个编辑按钮。 Android操作按钮每个视图只能使用一次,因此没有意义。是否有其他方法可以遵循材料指南?根据是否按下整个编辑按钮,此按钮应该是飞行和飞行的东西。

由于

卡比尔

2 个答案:

答案 0 :(得分:0)

您应该使用flat or raised button(取决于您的编辑功能的重要性)。

答案 1 :(得分:0)

你应该使用平面按钮,因为按钮从背景中弹出,轻松吸引注意力,引导用户的眼球。 Here是关于此

的好文章

更新:

要设计平面按钮效果,您必须执行以下操作

  1. 定义您的按钮并将背景设置为drawable,其中包含按下状态和状态默认值
  2. 的定义
  3. 表示已按下状态,请使用纯色编写可绘制资源
  4. for status default写入一个drawable,其中一个项目指向按下drawable状态作为背景。并使用android:bottom =“2dp”
  5. 绘制一个较轻的形状作为另一个项目

    flat_button.xml

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:state_pressed="true" android:drawable="@drawable/rect_pressed"/>
      <item android:drawable="@drawable/rect_normal"/>
    </selector>
    

    rect_normal.xml

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:drawable="@drawable/rect_pressed" />
    
      <item android:bottom="@dimen/layer_padding">
          <shape android:shape="rectangle">
              <corners android:radius="@dimen/corner_radius" />
              <solid android:color="@color/blue_normal" />
          </shape>
      </item>
    </layer-list>
    

    rect_pressed.xml

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
      <corners android:radius="@dimen/corner_radius" />
      <solid android:color="@color/blue_pressed" />
    </shape>
    

    如果您需要阅读完整的教程go here