文档章节

修改安卓默认的系统button样式,以及其它系统控件的默认样式

Forever____
 Forever____
发布于 2015/03/06 19:14
字数 895
阅读 277
收藏 0

    先介绍下修改原理:首先打开位于android.widget包下面的Button.java文件,这里有一句关键的代码如下:

public Button(Context context, AttributeSet attrs) {
        this(context, attrs, com.android.internal.R.attr.buttonStyle);
    }

其中com.android.internal.R.attr.buttonStyle就是我们修改样式的关键了,网上的教程的修改方法大都是:

<Button
        style="@style/ButtonStyle"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_weight="1"
        android:text="价格" />



    也就是在对应的xml里面button控件里面编写style达到目的。
但是如果我们的app需要完全统一整个应用的button的样式,那么就需要在每一个button里面添加style。
这显然效率太低下了。

    接下来打开我们项目中values文件夹下面的styles.xml文件,我们创建安卓项目的时候,会有一个默认的styles文件。
    打开之后找到这段代码:

<style name="AppBaseTheme" parent="Theme.Holo.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">



   不保证读者的默认styles.xml和我的是一样的,不过大概是这个样子,有可能读者的最低支持是2.3、那么就没有Them.Light。
    我们使用eclipse的快捷键打开这个Theme.Holo.Light。可以看到如下代码:
<style name="Theme.Holo.Light" parent="Theme.Light">
        <item name="colorForeground">@android:color/bright_foreground_holo_light</item>
        <item name="colorForegroundInverse">@android:color/bright_foreground_inverse_holo_light</item>
        <item name="colorBackground">@android:color/background_holo_light</item>
        <item name="colorBackgroundCacheHint">@android:drawable/background_cache_hint_selector_holo_light</item>
        <item name="disabledAlpha">0.5</item>
        <item name="backgroundDimAmount">0.6</item>
<!--此处省略大部分中间样式-->
 <!-- Button styles -->
        <item name="buttonStyle">@android:style/Widget.Holo.Light.Button</item>

        <item name="buttonStyleSmall">@android:style/Widget.Holo.Light.Button.Small</item>
        <item name="buttonStyleInset">@android:style/Widget.Holo.Light.Button.Inset</item>

        <item name="buttonStyleToggle">@android:style/Widget.Holo.Light.Button.Toggle</item>
        <item name="switchStyle">@android:style/Widget.Holo.Light.CompoundButton.Switch</item>

        <item name="selectableItemBackground">@android:drawable/item_background_holo_light</item>
        <item name="borderlessButtonStyle">@android:style/Widget.Holo.Light.Button.Borderless</item>
        <item name="homeAsUpIndicator">@android:drawable/ic_ab_back_holo_light</item>



    从上面的代码,可以看到buttonStyle这个样式:
这个就是我们修改的关键了,如果读者有兴趣查看Holo主题的button样式是怎么编写的,可以自行查看,这里不是介绍的重点。

    接下来开始定义我们自己的全局button的样式。

<!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <item name="android:windowNoTitle">true</item>
        <item name="android:buttonStyle">@style/ButtonStyle</item>
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    </style>
   <style name="ButtonStyle" parent="@android:style/Widget.Button">
       <item name="android:background">@drawable/app_gray_radius_btn</item>
       
   </style>



    我们在AppTheme 里面添加一个item,名字叫做android:buttonStyle,然后在下面编写我们要修改的butto的样式。

    这里有一点需要注意的就是我们需要继承android:style/Widget.Button这个样式,因为如果不继承的话,我们就需要修改所有button的属性。而当前的示例中,我修改的只是background,其它属性我们照旧搬安卓本地主题的设置。
    而且平时我们在编写界面的时候,对button设置了background之后,其实只是覆盖了系统默认button的其中一个样式而已,这点我们从button的源码可以看得到。
    如果你不继承Widget.Button的话,那么出来的效果可能是面目全非的。

    附上两张效果图,一张是没有定义全局样式之前的,一张是定义了之后的。

可以看到确确实实是修改了,而且我并没有为每一个button编写android:style="xxxx".

这种修改方式可以推广到其它的控件的修改,至于修改思路,可以参照上面介绍的button样式的修改方法。


© 著作权归作者所有

共有 人打赏支持
Forever____
粉丝 6
博文 20
码字总数 18504
作品 0
广州
程序员
Windows Phone Button控件样式自定义

概述 Button是各种手机平台中最重要的控件之一,我们与系统的大部分交互都会通过按钮进行,在Android和iOS中都提供了很方便的按钮自定义方式,Android可以采用selector背景选择器进行按钮状态...

dodola
2013/03/10
0
0
apkplug主题皮肤切换之通用主题-04

该文章基于V1.6.9版本 apkplug主题切换有两个层次的切换,这篇文章只讲解通用主题切换层次 一 何为通用主题切换 apkplug通用主题切换可以简单的理解为一套可动态替换的系统主题(由主题包提供...

梁大帅
2014/05/26
0
0
Android 之 Material Design(三)—DrawerLayout+NavigationView+Toolbar(点击icon打开关闭侧滑菜单)

前言 关于Material Design相关的控件,前两篇文章已经介绍了一些常用的控件了,这篇文章主要介绍一下DrawerLayout+NavigationView+Toolbar。这样Material Design的也介绍的差不多了,剩下Rec...

AFinalDream
2017/06/22
0
0
ToolBar和Menu的联合使用及问题

在布局中写ToolBar属性的时候可以设置logo、title、titleTextColor、subTitle等(logo默认显示在ToolBar的左侧,title和subtitle显示在logo右侧,如果不设置subtitle,title会默认竖直居中)...

hasaigi
2016/10/22
27
0
android中如何利用attrs和styles定义控件

一直有个问题就是,Android中是如何通过布局文件,就能实现控件效果的不同呢?比如在布局文件中,我设置了一个TextView,给它设置了textColor,它就能够改变这个TextView的文本的颜色。这是如...

等待流星
2013/10/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

7 个致命的 Linux 命令

导读 如果你是一个 Linux 新手,在好奇心的驱使下,可能会去尝试从各个渠道获得的命令。以下是 7 个致命的 Linux 命令,轻则使你的数据造成丢失,重则使你的系统造成瘫痪,所以,你应当竭力避...

问题终结者
昨天
0
0
设计模式:工厂方法模式(工厂模式)

工厂方法模式才是真正的工厂模式,前面讲到的静态工厂模式实际上不能说是一种真正意义上的设计模式,只是一种变成习惯。 工厂方法的类图: 这里面涉及到四个种类: 1、抽象产品: Product 2、...

京一
昨天
0
0
区块链和数据库,技术到底有何区别?

关于数据库和区块链,总会有很多的困惑。区块链其实是一种数据库,因为他是数字账本,并且在区块的数据结构上存储信息。数据库中存储信息的结构被称为表格。但是,区块链是数据库,数据库可不...

HiBlock
昨天
0
0
react native 开发碰到的问题

react-navigation v2 问题 问题: static navigationOptions = ({navigation, navigationOptions}) => ({ headerTitle: ( <Text style={{color:"#fff"}}>我的</Text> ), headerRight: ( <View......

罗培海
昨天
0
0
Mac Docker安装流程

久仰Docker大名已久,于是今天趁着有空,尝试了一下Docker 先是从docker的官网上下载下来mac版本的docker安装包,安装很简易,就直接拖图标就好了。 https://www.docker.com/products/docker...

writeademo
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部