【AndroidUI设计】Button按钮样式设计（xmlns-shape及项目开发中的使用展示）

文章目录

• • 一、简述
  • 二、xmlns-shape
  • • 1、了解
    • 2、深入了解corners
    • • （1）图示
      • （2）属性
      • 三、UI设计
      • • 1、圆角按钮
        • 2、圆形按钮
        • 3、普通按钮
        • 4、圆角搜索组合按钮
        • 四、具体使���

          一、简述

          • 描述：如何修改Android中Button、ImageButton的原生显示样式，使得显示效果更加符合人的审美，从UI设计上吸引客户的使用率。
          • 难度：初级
          • 知识点：xmlns-shape的使用
          • 展示
          • 在实际项目中的应用

                UI工程师可以决定样式，但色彩却不是UI工程师能够决定的，所以此项目基础色彩基本由 白和灰 来展示。

            二、xmlns-shape

            1、了解

            为了记忆方便，仅说明本篇内使用到元素。

            元素	使用效果
            solid	设置背景颜色
            padding	设置内边距
            corners	设置圆角
            stroke	设置边框阴影

            2、深入了解corners

            （1）图示

            （2）属性

            象限值	属性	使用效果
            一	topRightRadius	设置右上角弧度
            二	bottomRightRadius	设置右下角弧度
            三	bottomLeftRadius	设置左下角弧度
            四	topLeftRadius	设置左上角弧度

            三、UI设计

            1、圆角按钮

            • 图示
            • 样式设计（res -> drawable -> shape.xml）

              2、圆形按钮

              • 图示
              • 样式设计（res -> drawable -> shape_circular.xml）

                3、普通按钮

                • 图示

                • 样式设计（res -> drawable -> stroke.xml）

                  4、圆角搜索组合按钮

                  • 图示
                  • 样式设计1（res -> drawable -> shape12.xml）
                    • 样式设计2（res -> drawable -> shape34.xml）

                      四、具体使用