精华内容
下载资源
问答
  • Android Button样式

    2017-03-25 18:22:24
    shape.xml xml version="1.0" encoding="UTF-8"?> xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> android:color="#FFC0CB" />

    直接看源码和注释吧

    1.activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#9AC0CD"
        android:orientation="vertical"
        android:gravity="bottom|center_horizontal"
        >
    
        <Button android:id="@+id/bt_00"
            android:layout_width="250dp"
            android:layout_height="50dp"
            android:layout_margin="5dp"
            android:text="普通按钮"
            android:textSize="20dp"
            />
    
        <Button android:id="@+id/bt_01"
            android:layout_width="250dp"
            android:layout_height="50dp"
            android:layout_margin="5dp"
            android:background="@drawable/shape"
            style="@style/yuan_style"
            android:text="圆角按钮"
            android:textColor="#CD3700"
            android:textSize="20dp"
            />
        <!--按下文字切换-->
        <Button android:id="@+id/bt_02"
            android:layout_width="250dp"
            android:layout_height="50dp"
            android:layout_margin="5dp"
            android:background="@drawable/shape"
            style="@style/Button_style"
            android:text="按下切换文字"
            android:textColor="@drawable/test_color_selector"
            android:textSize="20dp"
            />
        <!--按下背景切换-->
        <Button android:id="@+id/bt_03"
            android:layout_width="250dp"
            android:layout_height="50dp"
            android:text="按下切换背景"
            android:textSize="20dp"
            android:background="@drawable/button_selector"
            style="@style/Button_style"
    
            />
    
        <!--按下文字、背景同时切换-->
        <Button
    
            android:id="@+id/bt_about"
            style="@style/Button_style"
            android:layout_width="250dp"
            android:layout_height="50dp"
            android:layout_margin="5dp"
            android:text="@string/about"
            android:textSize="25dp"
            android:textColor="@drawable/test_color_selector"
            android:background="@drawable/button_selector"
    
            />
    </LinearLayout>
    


    2.styles.xml

    <resources>
    
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
    
        </style>
        <!--设置按钮文字颜色-->
        <style name="Button_style">
            <item name="android:textColor">#fff333</item>
    
        </style>
    
        <style name="comon_style">
            <item name="android:textSize">25px</item>
            <item name="android:textColor">#EE7600</item>
            <item name="android:background">#EECFA1</item>
        </style>
    
        <style name="yuan_style">
            <item name="android:textSize">25px</item>
            <item name="android:textColor">#EE7600</item>
            <item name="android:background">#FF69B4</item>
        </style>
    
    </resources>
    

    3.shap.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <!-- 填充的颜色 -->
        <solid android:color="#FFC0CB" />
        <!-- 设置按钮的四个角为弧形 -->
        <!-- android:radius 弧形的半径 -->
        <corners android:radius="5dip" />
    
        <!-- padding:Button里面的文字与Button边界的间隔 -->
        <padding
            android:left="10dp"
            android:top="10dp"
            android:right="10dp"
            android:bottom="10dp"
            />
        <!--描边-->
        <stroke
            android:width="2dp"
            android:color="#dcdcdc"
            />
    </shape>


    4.test_color_selector.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <item
            android:state_pressed = "true"
            android:color = "#ffff0000"/>
        <item
            android:state_pressed = "false"
            android:color = "#FCFCFC"
            />
    
    
    </selector>
    


    5.button_selector.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <item
            android:state_pressed = "true"
            android:color = "#ffff0000"/>
        <item
            android:state_pressed = "false"
            android:color = "#FCFCFC"
            />
    
    
    </selector>
    


    6.btn_bg_normal.xml

    <!--按钮正常展示时的背景-->
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    
        <!--矩形圆角弧度-->
        <corners android:radius="10dp"/>
    
        <!--矩形填充色-->
        <solid android:color="#FF4081"/>
    
        <!-- 矩形的边框的宽度,每段虚线的长度,和两段虚线之间的颜色和颜色 -->
        <stroke
            android:width="1dp"
            android:dashWidth="8dp"
            android:dashGap="4dp"
            android:color="#4eb621" />
    
    </shape>
    


    7.btn_bg_pressed.xml

    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <corners android:radius="10dp"/>
    
        <solid android:color="#3f51b1"/>
    
        <!-- 矩形的边框的宽度,每段虚线的长度,和两段虚线之间的颜色和颜色 -->
        <stroke
            android:width="1dp"
            android:color="#4eb621"
            android:dashGap="4dp"
            android:dashWidth="8dp" />
    
    </shape>
    


    实际效果:



    参考:http://blog.csdn.net/wenwen091100304/article/details/49667293

    展开全文
  • Android Button样式设计

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

    千次阅读 2015-03-02 12:30:04
    Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则 我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少 app的索赞内存的大小。


    Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则
    我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少
    app的索赞内存的大小。

    当焦点集中的时候:
    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android=" http://schemas.android.com/apk/res/android" >

        <!-- 同时设置五个属性,则Radius属性无效 -->
        <!-- 设置2个角的直径 -->
        <corners android:radius="270dp" />
        <!-- 设置左上角的半径 -->
        <!-- <corners android:topLeftRadius="20dp" /> -->
        <!-- 设置右上角的半径 -->
        <!-- <corners android:topRightRadius="20dp" /> -->
        <!-- 设置右下角的半径 -->
        <!-- <corners android:bottomLeftRadius="20dp" /> -->
        <!-- 设置左下角的半径 -->
        <!-- <corners android:bottomRightRadius="20dp" /> -->
        <!-- 填充的颜色 -->
        <!-- <solid android:color="@android:color/holo_green_light" /> -->
        <!-- 渐变 如果要用solid来填充,就不能用dradient渐变来填充颜色的 否则会报错-->
        <gradient
            android:endColor="#696969"
            android:gradientRadius="150"
            android:startColor="#d6dbdf"
            android:type="linear" />
        <!-- 描边 -->
        <stroke
            android:dashGap="3dp"
            android:dashWidth="5dp"
            android:width="2dp"
            android:color="#000000" />
        <!-- 间隔 -->
        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp" />
    </shape>
    当释放焦点的时候:

      <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android=" http://schemas.android.com/apk/res/android" >


        <!-- 同时设置五个属性,则Radius属性无效 -->

        <!-- 设置2个角的直径 -->

        <corners android:radius="270dp" />

        <!-- 设置左上角的半径 -->

        <!-- <corners android:topLeftRadius="20dp" /> -->

        <!-- 设置右上角的半径 -->

        <!-- <corners android:topRightRadius="20dp" /> -->

        <!-- 设置右下角的半径 -->

        <!-- <corners android:bottomLeftRadius="20dp" /> -->

        <!-- 设置左下角的半径 -->

        <!-- <corners android:bottomRightRadius="20dp" /> -->

        <!-- 填充的颜色 -->

        <solid android:color="@android:color/holo_red_dark" />

        <!-- 描边 -->

        <stroke

            android:dashGap="3dp"

            android:dashWidth="5dp"

            android:width="2dp"

            android:color="#000000" />

     <!-- 间隔  -->  

        <padding  

            android:bottom="10dp"  

            android:left="10dp"  

            android:right="10dp"  

            android:top="10dp" />  

    </shape>

    backGround - selector选择器:
    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android=" http://schemas.android.com/apk/res/android">

        <item android:drawable="@drawable/te_shape_press" android:state_focused="true"/>
        <item android:drawable="@drawable/te_shape_press" android:state_pressed="true"/>
        <item android:drawable="@drawable/te_shape_normal"/>

    </selector>

    xml布局:
    <Button
            android:background="@drawable/btn_select"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/activity_horizontal_margin"
            android:text="@string/my_btn" />

    Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则
    我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少
    app的索赞内存的大小。
    展开全文
  • Android button样式修改

    2015-06-30 17:59:52
    1、为button添加边框 (1)在layer-list中设置 <item android:left="1dp" android:right="1dp" android:top="1dp" android:bottom="1dp" >

    1、为button添加边框

    (1)在layer-list中设置

    <?xml version="1.0" encoding="UTF-8"?>  
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">   
    <!-- 边框颜色值 --><item>   
          <shape>   
                <solid android:color="#EBEBEB" />   
          </shape>   
    </item>   
    <!-- 主体背景颜色值    -->
    <item android:left="1dp" 
        android:right="1dp"
        android:top="1dp"
        android:bottom="1dp"
        >   
         <shape>   
               <solid android:color="#ffffff" />  <!--button填充颜色-->
                 
               <padding android:bottom="10dp"  
                    android:left="10dp"  
                    android:right="10dp"  
                    android:top="10dp" />  
         </shape>       
    </item> 
    </layer-list>  
    (2)通过selector设置

    <?xml version="1.0" encoding="UTF-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        
        <item><pre name="code" class="html"><span style="white-space:pre">	</span><stroke android:width="1dip" android:color="#EBEBEB" />
        </item> 
    </selector>
     
    <shape><!-- 边框的颜色与宽度 --> <stroke android:width="1dip" android:color="#EBEBEB" /> <!-- button填充的颜色 --> <solid android:color="#ffffff"></solid> </shape> </item></selector> 
    

     2、设置button圆角效果,边框与点击button颜色变换 
    

    <?xml version="1.0" encoding="UTF-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        
        <item android:state_pressed="false">
               <shape android:shape="rectangle" >
                <!-- 边框的颜色 -->
                <stroke android:width="1dip" android:color="#EBEBEB" />
                <!-- 填充的颜色 -->
                <solid android:color="#ffffff"></solid>
                <!-- 设置按钮的四个角为弧形 -->
                <!-- android:radius 弧形的半径 -->
                <corners android:radius="8dip" />
                <!-- padding:Button里面的文字与Button边界的间隔 -->
                <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" />
            </shape>
        </item>
        <item android:state_pressed="true">
         <shape android:shape="rectangle">
                <solid android:color="#EBEBEB" />
                <corners android:radius="8dip" />
             </shape>
        </item> 
    </selector>
    


    讨论技术欢迎加群:翻转世界IT 386707638


     
    

    展开全文
  • Android button自定义样式显示

    千次阅读 2016-04-02 23:23:57
    一个好的APP从直观上最能吸引用户的必定是好看的UI... 所以这篇文章就聊聊button的自定义样式显示,下一篇聊聊Android动画。  1.通过XML文件设置属性  定义后和未定义的对比    给button添加自定义的显示也非常简

    一个好的APP从直观上最能吸引用户的必定是好看的UI界面及良好的交互体验和特效,有时甚至连主要功能都是次要的!好吧,软件也到了拼脸的时代,主要看气质!

           所以这篇文章就聊聊button的自定义显示,下一篇聊聊Android动画。

          1.通过XML文件设置属性

           定义后和未定义的对比

         

             给button添加自定义的显示也非常简单,在button属性里加上android:background="@drawable/bt_style_bg" 其中最主要的是在drawable文件夹下的bt_style_bg.xml文件

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <!-- 被按下 -->
        <item android:state_pressed="true"><shape>
    
                <!-- 颜色渐变 startColor开始颜色,endColor结束颜色,angle开始渐变的角度(值只能为90的倍数,0时为左到右渐变,90时为下到上渐变,依次逆时针类推-->
                <gradient android:angle="270" android:endColor="#ADFF2F" android:startColor="#ADFF2F"/>
                <!-- 按钮边缘框 -->
                <stroke android:width="1dip" android:color="#f403c9" />
                <!-- 按钮圆角度 -->
                <corners android:radius="2dp" />
                <!-- 按钮文字和边缘距离(内边距) -->
                <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
            </shape></item>
    
        <!-- 获取焦点 -->
        <item android:state_focused="true"><shape>
                <gradient android:angle="270" android:endColor="#00ff00" android:startColor="#00ffff" />
    
                <stroke android:width="1dip" android:color="#f403c9" />
    
                <corners android:radius="2dp" />
    
                <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
            </shape></item>
    
        <!-- 默认 -->
        <item><shape>
                <gradient android:angle="180" android:endColor="#ffffff" android:startColor="#000000" />
    
                <stroke android:width="1dip" android:color="#f403c9" />
    
                <corners android:radius="5dip" />
    
                <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
            </shape></item>
    
    </selector>
            shape属性的使用

    圆角背景

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
    
        <!-- 实心 即填充颜色-->
        <solid android:color="#E2F5F9"/>
        <!-- 描边 即边框颜色-->
        <stroke
            android:width="2dp"
            android:color="#125579" />
        <!-- 圆角 -->
        <corners
            android:topLeftRadius="180dp"
            android:bottomLeftRadius="180dp"
            android:topRightRadius="180dp"
            android:bottomRightRadius="180dp"/>
        <padding
            android:left="10dp"
             android:bottom="5dp"
            android:top="5dp"
            android:right="10dp"
            />
    </shape>

    圆形背景

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="oval">
        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="2dp"
            android:top="2dp"></padding>
        <size android:height="15dp"
            android:width="15dp"></size>
        <solid android:color="#DD0000"></solid>
    </shape>

        2. 自定义形状、颜色、图样的按钮的实现

        步骤如下。

        (a) 设计一张自定义形状风格背景的图片,如下图。

            

       (b) 未点击和按下后的状态各做一张,形成一套图片,如下图。

            like_normal.png      like_pressed.png

       (c) 创建和编写按钮不同状态的图片使用描述文件drawable/bt_like.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/like_normal" />  
        <item android:state_focused="true"  
            android:drawable="@drawable/like_pressed" />  
        <item android:drawable="@drawable/like_normal" />  
    </selector>

         3.9-patch图片背景方式(注意前面有个.)

      9-patch格式,是在Android中特有的一种PNG图片格式,以"***.9.png"结尾。此种格式的图片定义了可以伸缩拉伸的区域和文字显示区域,这样,就可以在Android开发中对非矢量图进行拉伸而仍然保持美观。如果使用位图而没有经过9-patch处理的话,效果就会将图片任意的拉伸,影响效果。Android中大量用了这种技术,默认的按钮的背景就是用了类似的方法实现的。我们看一下google官方的描述:

        

        在Android sdk目录下有一个tools文件夹,在这个文件夹中找到draw9patch.bat文件,我们就是使用它来制作Nine-Patch图片的。双击打开之后,在导航栏点击File→Open 9-patch将xxx.png加载进来。
              我们可以在图片的四个边框绘制一个个的小黑点,在上边框和左边框绘制的部分就表示当图片需要拉伸时就拉伸黑点标记的区域,在下边框和右边框绘制的部分则表示内容会被放置的区域。

             如下图所示:

              完成后,最后保存为"xxx.9.png",这样就完成了,然后将其放入到button的background中或者xml自定义的属性中。

    注意:.9图只能通过背景设置拉伸,如果用src方式设置只会当作普通图片处理






    展开全文
  • 1、边框带颜色的BUTTON <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="边框带颜色" ...边框样式btn_border.xml <?xml version="1.0" enc...
  • Android Button 添加边框button控件属性是没有用来指定边框色的。也就是没办法像指定背景色那样直接用background属性就行了。那要完成以下样式,该如何做呢? 先在res/drawable文件夹下添加一个xml文件 xml的代码: ...
  • android button selector disable 样式问题

    千次阅读 2015-03-11 23:19:37
    http://schemas.android.com/apk/res/android"> 我设置了button android:enabled="f
  • Android Button_style样式

    千次阅读 2013-11-13 10:11:18
    再加上一种自定义样式方法,上面的是用图片,其实我们可以直接通过定义xml文件来实现不同的样式: 在上面的源代码基础上,只需要修改button_style文件,同样三种状态分开定义: 1 2 3 4 5 6 7 8 9 10 11 12 13 14...
  • android 自定义button样式 style

    千次阅读 2018-11-08 19:57:36
    1、在drawable中新建一个button_drawablw.xml文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;selector xmlns:android="...
  • 能够让按钮在小的状态下适配 wrap_content //去掉默认的最小高度 默认主题中有 android:minHeight 设定 改成 android:minHeight="0dp"
  • android自定义button样式

    2014-09-10 14:03:34
    1,在drawable文件夹下定义button_default.xml: &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layer-list xmlns:android="...
  • android button 基本原理

    千次阅读 2012-08-01 14:02:53
    原文地址: http://li53262182.blog.163.com/blog/static/12839338720091113382422/ ...Android button原理  ...android相关 |字号 订阅 ...在AndroidButton是非常常用的一个View控件,原本以
  • Android Button的基本使用 title: Android Button的基本使用 tags: Button,按钮 --- Button介绍: Button(按钮)继承自TextView,在Android开发中,Button是常用的控件,用起来也很简单,你可以在...
  • android button的美化

    千次阅读 2013-10-29 14:21:37
    Button样式修改的是Button的背景(Background)属性。 首先写一个定义Button样式的XML文件: 新建Android XML文件,类型选Drawable,根结点选selector,文件名就buton_style吧。 程序自动给我们刚刚建的文件里加了...
  • 1、在drawable下新建button_selector.xml,内容为: xml version="1.0" encoding="utf-8"?> selector xmlns:android="http://schemas.android.com/apk/res/android"> item> shape android:shape="rectangl
  • AndroidButton样式

    万次阅读 2011-11-02 20:52:29
    一. 简单实例 src package cn.android.lyj; import android.app.Activity; import android.app.Dialog;...import android.content.Intent;...import android.net.Uri;...import android.os.Bundle...import android.view.View
  • Android button原理

    2010-09-08 10:12:00
     在AndroidButton是非常常用... 一个Style就能够实现Button的显示效果样式么?Android的Style机制真的很强大.  首先来看一下ButtonView的实现代码:  1. * < p >< strong >XML attributes< /stron
  • 使用新的方法实现Button效果,如上图一样,有时候我们需要一个Button,前面有一个小型的图标,有两种办法,可以自定义一个Button,其实,我们不必纠结于Button这个词,只要能获得点击事件,做出Button一样的效果就可以
  • Android Button原理

    千次阅读 2015-03-26 13:26:28
    AndroidButton是非常常用的一个View控件, 原本以为Button实现的代码肯定很多,但是看了原来... 一个Style就能够实现Button的显示效果样式么?Android的Style机制真的很强大.  首先来看一下Button的实现代码: @
  • Android button 圆角矩形

    2017-09-25 12:10:10
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > android:bottomLeftRadius="25dp" and
  • Android Button的基本用法详解 Button的Click点击事件处理: mButtonBack.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { Log.e(================, ...
  • android Button ImageButton 区别

    千次阅读 2012-08-01 16:42:44
    BUTTON类结构图: 由类结构图,可以看出Button是继承于TextView的,所以TextView的一些属性也适用于Button控件。 ImageButton类结构图: ImageButton就是用一个图标代表了一些文字,它没Android:text属性...
  • 修改android原型button样式

    千次阅读 2012-04-09 11:12:56
    <Button android:id="@+id/button_login" android:layout_width="123px" android:layout_height="45px" android:text="@string/str_login" android:background="@drawable/
  • Android Button 阴影问题

    千次阅读 2018-03-23 09:43:52
    Android 5.0自带阴影,但是很难看,有可能UI切图也带了阴影,所以我们要去掉这个阴影方案一:在Button 的xml里加 style="?android:attr/borderlessButtonStyle" 即可如:&lt;Button android:id=&...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 37,307
精华内容 14,922
关键字:

androidbutton样式