`

android button样式

 
阅读更多

首先写一个定义Button样式的XML文件:
新建Android XML文件,类型选Drawable,根结点选selector,文件名就buton_style吧。
程序自动给我们刚刚建的文件里加了selector结点,我们只需要在selector结点里写上三种状态时显示的背景图片(按下、获取焦点,正常)。
代码如下:
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/play_press" /> 
    <item android:state_focused="true" android:drawable="@drawable/play_press" /> 
    <item android:drawable="@drawable/play" /> 
</selector>  
 
我这里获取焦点跟点击时显示的是同一张图片,必须严格照上面的顺序写,不可倒。
接下来只要在布局时写Button控件时应用到Button的Background属性即可。
Xml代码 
<Button android:id="@+id/button1" 
    android:layout_width="wrap_content" android:layout_height="wrap_content" 
    android:background="@drawable/button_style" 
></Button>  
 
最终效果图:
再加上一种自定义样式方法,上面的是用图片,其实我们可以直接通过定义xml文件来实现不同的样式:
在上面的源代码基础上,只需要修改button_style文件,同样三种状态分开定义:
Xml代码 
<?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="#0d76e1" android:endColor="#0d76e1" 
                android:angle="270" /> 
            <stroke android:width="1dip" android:color="#f403c9" /> 
            <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="1dip" android:color="#f403c9" /> 
            <corners android:radius="2dp" /> 
            <padding android:left="10dp" android:top="10dp" 
                android:right="10dp" android:bottom="10dp" /> 
        </shape> 
    </item> 
  
    <item> 
        <shape> 
            <gradient android:startColor="#000000" android:endColor="#ffffff" 
                android:angle="180" /> 
            <stroke android:width="1dip" android:color="#f403c9" /> 
            <corners android:radius="5dip" /> 
            <padding android:left="10dp" android:top="10dp" 
                android:right="10dp" android:bottom="10dp" /> 
        </shape> 
    </item> 
</selector>  
 
gradient 主体渐变 startColor开始颜色,endColor结束颜色 ,angle开始渐变的角度(值只能为90的倍数,0时为左到右渐变,90时为下到上渐变,依次逆时针类推)
stroke 边框 width 边框宽度,color 边框颜色
corners 圆角 radius 半径,0为直角
padding text值的相对位置

分享到:
评论

相关推荐

    Android Button样式设计

    Button设置背景很简单,只需简单的应用Background属性即可,而为其添加状态设计也是通过此。Android系统为开发者考虑了一套selector机制,可以根据控件的状态(点击、非点击、焦点)自动切换。下面用一个简单的例子来...

    android 自定义各种风格button

    然而,系统默认的Button样式可能无法满足所有设计需求,因此,开发者常常需要自定义Button的各种风格,包括颜色、形状、边框、文字样式等。本文将深入探讨如何在Android中自定义各种风格的Button。 首先,我们可以...

    Android 自定义Button按钮显示样式(正常、按下、获取焦点)

    本文将深入探讨如何自定义一个Button,使其在不同状态(正常、按下、获取焦点)下呈现出不同的显示样式。我们将通过创建一个自定义的Button类,利用XML属性和Java代码来实现这一功能。 首先,我们需要创建一个新的...

    Android Button按钮及TextView实例介绍

    在Android开发中,Button和TextView是两个非常基础且重要的组件,它们构成了用户界面的主要交互元素。Button用于响应用户的点击操作,而TextView则主要用于显示文本信息。这篇教程将深入讲解这两个组件的使用方法,...

    Android自定义Button按钮显示样式

    Android 自定义 Button 按钮显示样式 Android 自定义 Button 按钮显示样式是指在 Android 应用程序中对 Button 控件的样式进行自定义,以满足不同的应用程序需求和用户体验。自定义 Button 按钮显示样式可以通过两...

    Android中Button样式新方法

    在Android开发中,创建带有图标的按钮是一种常见的需求,这可以使用户界面更加直观且易于操作。传统的Button组件虽然可以直接设置背景图来实现图标与文字的结合,但有时我们需要更灵活的布局方式。本文将介绍一种...

    Android 源码Button 经典实例

    - Button的样式可以通过`android:background`属性更改,可以使用颜色值、图片或者自定义形状资源。 - Android提供了多种主题,如`android:theme="@android:style/Theme.Material.Button"`,可以改变Button的整体...

    Android中Button一边圆角一边直角

    在Android应用开发中,有时为了追求更加个性化的用户界面设计,开发者可能会遇到需要自定义Button样式的需求,例如让一个Button的一侧保持直角,而另一侧则呈现圆角效果。本文将详细介绍如何通过自定义Button的XML...

    android-image-button.zip_Android button_android_image button

    总结来说,创建Android中的Image Button主要涉及以下几个步骤:在布局文件中定义按钮,设置图像资源,可选地自定义按钮样式,以及在Java代码中处理点击事件。通过这些步骤,你就可以为你的应用创建一个功能完备且...

    android studio 自定义button 以及基础动画

    android studio 自定义button边框,角度,渐变颜色按下时改变样式, 以及基础动画,为image view添加旋转,下移,渐变等样式,使用timer handler button进行控制。

    【Android】自定义Button效果

    总的来说,自定义Button效果涵盖了Android UI设计的多个方面,包括样式、Drawable、自定义View、动画、属性、触摸反馈等。通过熟练掌握这些技术,开发者能够创造出极具吸引力且用户体验优秀的Android应用。

    android_button

    在 `res/values/styles.xml` 文件中定义一个Button样式: ```xml &lt;style name="MyCustomButton" parent="Widget.AppCompat.Button"&gt; &lt;item name="android:background"&gt;@drawable/button_background &lt;item name="...

    Android Button 自带阴影效果另一种解决办法

    具体做法是在style资源文件中定义一个新的Button样式,如下面所示: ```xml &lt;style name="Button_List_Style" parent="@style/Widget.AppCompat.Button.Borderless"&gt; &lt;item name="android:minWidth"&gt;100dp ...

    android Button_test

    Android支持自定义主题和样式,可以改变所有Button的默认外观。在`res/values/styles.xml`中定义新的主题,然后在`AndroidManifest.xml`的`&lt;application&gt;`或`&lt;activity&gt;`标签中应用。 6. **动态创建Button**: ...

    Android按钮样式

    首先,Android系统自带了一些预设的按钮样式,如默认的`android:buttonStyle`,它通常呈现出带有边框和渐变色的矩形按钮。但开发者可以根据需求调整这些样式,使其与应用的整体设计风格保持一致。 1. **XML资源文件...

    Android应用源码之(Button与点击监听器)(.zip

    首先,Button在Android布局XML文件中定义,通常会包含id、text、样式等属性。例如: ```xml &lt;Button android:id="@+id/my_button" android:layout_width="wrap_content" android:layout_height="wrap_content" ...

    Flex Android项目 设置Button的背景色

    在Flex Android项目中,我们经常会遇到需要自定义控件外观的需求,尤其是对于Button(按钮)这种常见的交互元素,设置背景色是提升用户界面美观度和交互体验的重要手段。本篇文章将详细讲解如何在Flex Android项目...

    Android button和TextVeiw用法相关实例.rar

    除了基础用法,Button和TextView还有许多进阶功能,如自定义样式、添加图片、设置文本颜色和字体等。例如,可以通过`android:background`为Button设置背景,通过`android:textColor`改变TextView的文本颜色。 对于...

    android获取焦点后按钮变大

    &lt;item name="android:background"&gt;@drawable/button_background &lt;item name="android:padding"&gt;8dp &lt;item name="android:focusable"&gt;true &lt;item name="android:focusableInTouchMode"&gt;true ``` 这里的`@...

    android 自定义RadioButton的样式

    而`android:button="@drawable/radiobutton"`则用来指定RadioButton的按钮样式,`radiobutton`是另一个定义了不同状态的Drawable资源文件名。 #### 定义RadioButton的按钮样式 对于按钮样式的定义,可以在`res/...

Global site tag (gtag.js) - Google Analytics