码迷,mamicode.com
首页 > 其他好文 > 详细

图片按钮设计

时间:2015-09-15 16:48:07      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

android自带的按钮简直太挫了,所以项目里面的按钮都是自定义的,具有项目统一的风格,而最常见的按钮,莫过于图片按钮。图片按钮本质不是按钮,它可以是ImageView,TextView等等,下面以自定义图片按钮为例

imageView.setImageResource(R.drawable.btnstyle);

在btnstyle.xml文件中

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 被点击的时候-->
<item android:drawable="@drawable/img1_shape" android:state_pressed="true"/>
<!-- 没有被点击的时候-->
    <item android:drawable="@drawable/img0_shape" android:state_pressed="false"/>
</selector>


其中,android:drawable="@drawable/img0_shape"还可以决定图片的样式,在drawable目录下的img0_shape.xml文件中

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android">
   <!-- 设置圆角半径 -->
    <corners 
        android:radius="2dp"
        />
    <!-- 设置填充色 -->
    <solid  android:color="#00CCCB"/>
     <!-- 设置边框的颜色和宽度 -->
    <stroke
        android:width="1dp"
        android:color="#00CCCB" >
    </stroke>
     <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="30dp"/><!-- 宽度和高度 -->
         <!-- 间隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
</shape>





图片按钮设计

标签:

原文地址:http://my.oschina.net/carbenson/blog/506328

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