自定义按钮样式

关键字 UI 按钮

日期 2009/12/14

一 简述

Android 可以使用XML 描述图形并在控件中使用。

按钮一般有三种状态:

正常状态 获得焦点状态 按下状态

可以使用一个selector 来显示某一中状态的按钮。创建一个style 并将这个selector 设为background ,之后就可以方便的在控件中使用style 来指定样式。

二 实现

transparent_button_normal.xml 正常态的按钮样式

<?xml version="1.0" encoding="utf-8"?>

<!-- 绘制边框颜色 4dffffff 边框宽度 1px 填充颜色为 10ffffff 的矩形 -->

<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<stroke android:color="#4dFFFFFF" android:width="1px" />

<solid android:color="#10FFFFFF" />

</shape>

transparent_button_passed.xml 按下状态的按钮样式

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<stroke android:color="#99FFFFFF" android:width="1px" />

<solid android:color="#26FFFFFF" />

</shape>

transparent_button.xml 按钮 Selector

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_focused="true" android:state_pressed="true"

android:drawable="@drawable/transparent_button_passed" />

<item android:state_focused="false" android:state_pressed="true"

android:drawable="@drawable/transparent_button_passed" />

<item android:state_focused="true" android:state_pressed="false"

android:drawable="@drawable/transparent_button_passed" />

<!-- 初始状态 -->

<item android:drawable="@drawable/transparent_button_normal" />

</selector>

style.xml 透明按钮样式

<? xml version= "1.0" encoding= "utf-8" ?>

< resources >

< style name= "Transparent_Button" >

< item name= "android:textColor" > #FFFFFFFF </ item >

< item name= "android:textSize" > 20dip </ item >

< item name= "android:background" > @drawable /transparent_button </ item >

< item name= "android:minHeight" > 36dip </ item >

< item name= "android:minWidth" > 124dip </ item >

< item name= "android:layout_marginTop" > 3dip </ item >

</ style >

<resources>

layout.xml 在一个 Button 中使用这个样式

<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/b_start" style="@style/Transparent_Button" android:id="@+id/b_start">

</Button>

更多相关文章

  1. Android——selector背景选择器
  2. android开发流程
  3. 修改设置Android(安卓)Preference相关样式
  4. Android(安卓)UI设计:GridView
  5. Android(安卓)Style与Theme的应用
  6. android点击输入法会把底部顶上去的解决办法
  7. Android(安卓)ActionBar完全解析,使用官方推荐的最佳导航栏(上)
  8. Android(安卓)Design Support Library - FloatingActionButton
  9. android 界面添加返回一栏

随机推荐

  1. android 开机优化(类和资源预加载优化)
  2. 下一版本的Android OS ——Jelly Bean
  3. Android(安卓)如何访问Assets文件夹里面
  4. Android在一个Activity中更新另一个Activ
  5. Android ActionBar的基本用法
  6. Android Memory Management
  7. Android Fragment 非常详细的一篇
  8. android:添加usb键盘+按键布局和映射的修
  9. android的helloworld工程目录学习
  10. Android第一行代码学习笔记六----手机多