Android Shape控件美化实现代码

 更新时间:2016年07月15日 12:04:51   投稿:lqh  
本文主要介绍Android Shape 控件的美化, 大家在开发Android程序的时候对系统自带的控件进行修改,这里给大家一个实例,供大家参考

如果你对Android系统自带的UI控件感觉不够满意,可以尝试下自定义控件,我们就以Button为例,很早以前Android123就写到过Android Button按钮控件美化方法里面提到了xml的selector构造。当然除了使用drawable这样的图片外今天Android开发网谈下自定义图形shape的方法,对于Button控件Android上支持以下几种属性shape、gradient、stroke、corners等。

 我们就以目前系统的Button的selector为例说下:

 <shape>
  <gradient
  android:startColor="#ff8c00"
  android:endColor="#FFFFFF"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#dcdcdc" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>

  对于上面,这条shape的定义,分别为渐变,在gradient中startColor属性为开始的颜色,endColor为渐变结束的颜色,下面的angle是角度。接下来是stroke可以理解为边缘,corners为拐角这里radius属性为半径,最后是相对位置属性padding。

 对于一个Button完整的定义可以为

 <?xml version="1.0" encoding="utf-8"?>
<selector
 xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_pressed="true" >
 <shape>
  <gradient
  android:startColor="#ff8c00"
  android:endColor="#FFFFFF"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#dcdcdc" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>
 </item>
 <item android:state_focused="true" >
 <shape>
  <gradient
  android:startColor="#ffc2b7"
  android:endColor="#ffc2b7"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#dcdcdc" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>
 </item>
 <item> 
 <shape>
  <gradient
  android:startColor="#ff9d77"
  android:endColor="#ff9d77"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#fad3cf" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>
 </item>
</selector>

注意Android123提示大家,以上几个item的区别主要是体现在state_pressed按下或state_focused获得焦点时,当当来判断显示什么类型,而没有state_xxx属性的item可以看作是常规状态下。

以上就是对Android 控件美化Shape 资料的整理,有需要的同学参考下。

相关文章

  • Android开发之注册登录方法示例

    Android开发之注册登录方法示例

    这篇文章主要介绍了Android开发的注册登录方法,是针对Android程序设计中版本兼容性的进一步完善,需要的朋友可以参考下
    2014-08-08
  • 详解Android官方架构中UseCase

    详解Android官方架构中UseCase

    这篇文章主要为大家介绍了Android 官方架构中的 UseCase 该怎么写示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • Android 个人理财工具一:项目概述与启动界面的实现

    Android 个人理财工具一:项目概述与启动界面的实现

    本文主要介绍Android 开发个人理财工具项目概述与启动界面的实现,这里主要对实现项目的流程做了详细概述,并对启动界面简单实现,有需要的小伙伴可以参考下
    2016-08-08
  • Android布局性能优化之按需加载View

    Android布局性能优化之按需加载View

    这篇文章主要介绍了Android布局性能优化之按需加载View的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-09-09
  • Android基于Fresco实现圆角和圆形图片

    Android基于Fresco实现圆角和圆形图片

    这篇文章主要为大家详细介绍了Android基于Fresco实现圆角和圆形图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android实现注册页面(携带数据包跳转)

    Android实现注册页面(携带数据包跳转)

    这篇文章主要为大家详细介绍了Android实现注册页面,点击注册按钮跳转到另一个页面并显示输入信息,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android Handler runWithScissors 梳理流程解析

    Android Handler runWithScissors 梳理流程解析

    这篇文章主要为大家介绍了Android Handler runWithScissors 梳理流程解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Android自定义View实现圆环进度条

    Android自定义View实现圆环进度条

    这篇文章主要为大家详细介绍了Android自定义View实现圆环进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • Android实现仿微信tab高亮icon粘着手的滑动效果

    Android实现仿微信tab高亮icon粘着手的滑动效果

    这篇文章主要为大家详细介绍了Android实现仿微信tab高亮icon粘着手的滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • android RecyclerView的一些优化点介绍

    android RecyclerView的一些优化点介绍

    大家好,本篇文章主要讲的是android RecyclerView的一些优化点介绍,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2021-12-12

最新评论