码迷,mamicode.com
首页 > 移动开发 > 详细

Android按钮shape形状资源代码实现

时间:2015-03-31 11:01:09      阅读:459      评论:0      收藏:0      [点我收藏+]

标签:实例   android按钮效果   

1、项目Src下创建drawable

看文档Develop/API Guides/App Resources/Drawable/Shape Drawable

单词:corners : 角  ;  gradient :梯度; solid:固定的; stroke: 边框--可以做下划线
       Rectangle : 矩形;dash :破折号 gap:间隙;

2、拷贝实例代码,文件命名(gradient_box.xml,下面是模版)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="5dip"/>
    
    <gradient android:startColor="#ff0000"
        android:endColor="#00ff0000"/>
    
    <solid android:color="#ffffff" />
    
    <stroke android:width="3dip" android:color="#000000" android:dashGap="5dip"
        android:dashWidth="5dip"/>
    
</shape>

3、默认状态function_greenbutton_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="5dip"/>
    
    <solid android:color="#ffffff" />
    
</shape>

4、按下去状态状态function_greenbutton_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="5dip"/>
    
    <solid android:color="#22000000" />
    
</shape>

5、把两个状态整合在shape_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@drawable/function_greenbutton_pressed" /> <!-- pressed -->
          
    <item android:state_focused="true"
          android:drawable="@drawable/function_greenbutton_pressed" /> <!-- focused -->
          
  
    <item android:drawable="@drawable/function_greenbutton_normal" /> <!-- default -->
</selector>

6、并使用

在Button框下android:background="@drawable/shape_bg"来调用。

Android按钮shape形状资源代码实现

标签:实例   android按钮效果   

原文地址:http://blog.csdn.net/zeb_perfect/article/details/44773897

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!