请选择 进入手机版 | 继续访问电脑版

机锋论坛

  • 关注机锋
  • 关注机锋
 找回密码
 注册
楼主: 淡写佳华

[美化教程] 【G美化组】丨反编译教程丨Android之美化控件Shape

[复制链接]

749

主题

3

好友

6798

积分

等待验证会员

  • TA的每日心情
    慵懒
    2015-1-17 14:39
  • 签到天数: 12 天

    [LV.3]偶尔看看II

    G币
    13585
    最后登录
    2016-8-2
    注册时间
    2011-8-18
    发表于 2015-4-14 12:43 |显示全部楼层

    马上注册,结交更多机友,下载更多应用,让你轻松玩转手机。

    立即注册 已有帐号?点击登录   下载游戏和软件,请【猛击这里】进入机锋市场!

    ×
    本帖最后由 淡写佳华 于 2015-4-14 12:46 编辑











    前言



    除了使用drawable这样的图片外,随着图片资源增多,程序也越来越大,今天我们自定义图形shape的方法。

    反编译教程



    1. <shape>
    2.             <!-- 实心 -->
    3.             <solid android:color="#ff9d77"/>
    4.             <!-- 渐变 -->
    5.             <gradient
    6.                 android:startColor="#ff8c00"
    7.                 android:endColor="#FFFFFF"
    8.                 android:angle="270" />
    9.             <!-- 描边 -->
    10.             <stroke
    11.                 android:width="2dp"
    12.                 android:color="#dcdcdc" />
    13.             <!-- 圆角 -->
    14.             <corners
    15.                 android:radius="2dp" />
    16.             <padding
    17.                 android:left="10dp"
    18.                 android:top="10dp"
    19.                 android:right="10dp"
    20.                 android:bottom="10dp" />
    21.         </shape>
    复制代码


    solid:实心,就是填充的意思
    android:color指定填充的颜色

    gradient:渐变
    android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。
    另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。

    stroke:描边
    android:width="2dp" 描边的宽度,android:color 描边的颜色。
    我们还可以把描边弄成虚线的形式,设置方式为:
    android:dashWidth="5dp"
    android:dashGap="3dp"
    其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。

    corners:圆角
    android:radius为角的弧度,值越大角越圆。
    我们还可以把四个角设定成不同的角度,方法为:
    <corners
            android:topRightRadius="20dp"    右上角
            android:bottomLeftRadius="20dp"    右下角
            android:topLeftRadius="1dp"    左上角
            android:bottomRightRadius="0dp"    左下角
    />
    这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个有点郁闷,不过不影响使用,记得别搞错了就行。

    padding:间隔
    这个就不用多说了,XML布局文件中经常用到。


    1. <?xml version="1.0" encoding="utf-8"?>
    2. <selector
    3.     xmlns:android="http://schemas.android.com/apk/res/android">
    4.     <item android:state_pressed="true" >
    5.         <shape>
    6.             <gradient
    7.                 android:startColor="#ff8c00"
    8.                 android:endColor="#FFFFFF"
    9.                 android:angle="270" />
    10.             <stroke
    11.                 android:width="2dp"
    12.                 android:color="#dcdcdc" />
    13.             <corners
    14.                 android:radius="10dp" />
    15.             <padding
    16.                 android:left="10dp"
    17.                 android:top="10dp"
    18.                 android:right="10dp"
    19.                 android:bottom="10dp" />
    20.         </shape>
    21.     </item>

    22.     <item android:state_focused="true" >
    23.         <shape>
    24.             <gradient
    25.                 android:startColor="#ffc2b7"
    26.                 android:endColor="#ffc2b7"
    27.                 android:angle="270" />
    28.             <stroke
    29.                 android:width="2dp"
    30.                 android:color="#dcdcdc" />
    31.             <corners
    32.                 android:radius="10dp" />
    33.             <padding
    34.                 android:left="10dp"
    35.                 android:top="10dp"
    36.                 android:right="10dp"
    37.                 android:bottom="10dp" />
    38.         </shape>
    39.     </item>

    40.     <item>      
    41.         <shape>
    42.             <gradient
    43.                 android:startColor="#ff9d77"
    44.                 android:endColor="#ff9d77"
    45.                 android:angle="270" />
    46.             <stroke
    47.                 android:width="2dp"
    48.                 android:color="#fad3cf" />
    49.             <corners
    50.                 android:radius="10dp" />
    51.             <padding
    52.                 android:left="10dp"
    53.                 android:top="10dp"
    54.                 android:right="10dp"
    55.                 android:bottom="10dp" />
    56.         </shape>
    57.     </item>
    58. </selector>
    复制代码


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



    更多作品
    如果你有什么不明白的地方或者对美化的建议 欢迎加入 安卓手机美化 QQ群 :226897013 和大家一起交流


    【G美化组】淡写佳华帖子集合 每日更新!



    1:本帖子的  软件 QQ群  226897013 修改!

    2:转载本帖软件 或二次修改 请附上地址,链接,以及群号码!



    3:如果你觉的不错,请复制地址栏链接分享给你的好友,欢迎大家来机锋美化区或者 QQ群


              226897013 多多交流!谢谢合作!



    lt29i评测  xt301

    0

    主题

    1

    好友

    1万

    积分

    院系主任

    Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

  • TA的每日心情
    奋斗
    2018-10-21 09:16
  • 签到天数: 904 天

    [LV.10]以坛为家III

    G币
    8407
    最后登录
    2018-10-26
    注册时间
    2012-6-25
    发表于 2015-4-14 13:28 |显示全部楼层
    感谢楼主分享
    三码合一  jv是什么意思

    15

    主题

    0

    好友

    953

    积分

    学士

    Rank: 7Rank: 7Rank: 7

  • TA的每日心情
    奋斗
    2018-7-30 10:51
  • 签到天数: 344 天

    [LV.8]以坛为家I

    G币
    1068
    最后登录
    2018-8-12
    注册时间
    2014-9-18
    发表于 2015-4-14 18:11 |显示全部楼层
    vcbvbcxvcxvxc
    三星恢复出厂设置  usb视频设备黑屏

    1

    主题

    0

    好友

    193

    积分

    等待验证会员

  • TA的每日心情
    无聊
    2015-7-2 13:46
  • 签到天数: 13 天

    [LV.3]偶尔看看II

    G币
    18
    最后登录
    2016-8-2
    注册时间
    2015-1-10
    发表于 2015-4-14 18:29 |显示全部楼层
    感谢分享.........
    i9300和iphone4s   安卓电子市场下载

    1

    主题

    0

    好友

    209

    积分

    大学专科

    Rank: 5Rank: 5

  • TA的每日心情
    奋斗
    2018-5-20 00:15
  • 签到天数: 64 天

    [LV.6]常住居民II

    G币
    517
    最后登录
    2018-5-20
    注册时间
    2012-2-10
    发表于 2015-4-14 19:37 |显示全部楼层
    学习  一下
    看图猜品牌  王自如 920

    1

    主题

    0

    好友

    270

    积分

    等待验证会员

  • TA的每日心情
    擦汗
    2015-3-3 15:17
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    G币
    27
    最后登录
    2017-2-10
    注册时间
    2014-5-22
    发表于 2015-4-14 21:59 来自手机 |显示全部楼层
    看看,,,,,,
    imei码查询   如何安装java

    1

    主题

    0

    好友

    701

    积分

    学士

    Rank: 7Rank: 7Rank: 7

  • TA的每日心情
    奋斗
    2016-11-28 23:05
  • 签到天数: 42 天

    [LV.5]常住居民I

    G币
    140
    最后登录
    2018-12-3
    注册时间
    2012-7-12
    发表于 2015-4-14 22:02 |显示全部楼层
    来看看,,感谢感谢。。。。
    耐用  摩安卫士

    2

    主题

    0

    好友

    796

    积分

    等待验证会员

  • TA的每日心情
    擦汗
    2015-4-27 09:49
  • 签到天数: 8 天

    [LV.3]偶尔看看II

    G币
    0
    最后登录
    2016-10-26
    注册时间
    2011-11-17
    发表于 2015-4-14 22:51 |显示全部楼层

    百度地图导航  花的折法大全

    0

    主题

    0

    好友

    1881

    积分

    硕士

    Rank: 9Rank: 9Rank: 9

  • TA的每日心情
    郁闷
    2018-7-24 18:19
  • 签到天数: 244 天

    [LV.8]以坛为家I

    G币
    773
    最后登录
    2018-9-22
    注册时间
    2012-10-15
    发表于 2015-4-15 09:22 |显示全部楼层
    参与/回复主题
    名字签名设计  中国移动公共wifi 

    5

    主题

    0

    好友

    773

    积分

    等待验证会员

  • TA的每日心情
    擦汗
    2016-12-18 15:11
  • 签到天数: 33 天

    [LV.5]常住居民I

    G币
    47
    最后登录
    2017-2-25
    注册时间
    2013-4-11
    发表于 2015-4-15 10:23 来自手机 |显示全部楼层
    感谢分享。
    幻觉英文   wi-fi是什么意思 
    您需要登录后才可以回帖 登录 | 注册

    网上有害信息举报中心|手机版|机锋网 ( 京ICP备15063876号-5

    GMT+8, 2018-12-16 12:54

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部