Android样式主题及自定义属性

一、Selector——图形、颜色选择器

语法

<selector>

  <item android:drawable=“drawableResA” android:state_xxxxx=“true”/>

<item android:drawable=“drawableResB” android:state_xxxxx=“false”/>

<selector>

<selector>

  <item android:color=“drawableResA” android:state_xxxxx=“true”/>

  <item android:color=“drawableResB” android:state_xxxxx=“false”/>

<selector>

例：

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

 

<!-- android:state_pressed=""按下-->

<item android:drawable="@mipmap/bar_1_select" android:state_checked="true"/>

<item android:drawable="@mipmap/bar_1_unselect" android:state_checked="false"/>

</selector效果图：

 

二、常用的styles.xml修改和设置

<resources>

    <style name="sss" parent="@android:style/Theme.Holo.Light.Dialog"></style>
    <!-- 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>

        <!--窗体的背景色-->
        <item name="android:windowBackground">@android:color/white</item>

        <!--窗体无标题栏-->
        <item name="windowNoTitle">true</item>
        <!--无actionbar-->
        <item name="windowActionBar">false</item>
        <!--取消状态栏,也就是全屏显示-->
        <item name="android:windowFullscreen">true</item>
    </style>

    <!--需要注意的是，不能有空格，值不用引号-->
    <style name="bottom_bar_rb">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:layout_marginTop">5dp</item>
        <item name="android:layout_marginBottom">5dp</item>
        <item name="android:gravity">center</item>
        <item name="android:layout_weight">1</item>
        <item name="android:button">@null</item>
        <item name="android:background">@android:color/transparent</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textColor">@color/selector_bar_font_1</item>
    </style>
</resources>

二、常用的styles.xml修改和设置

Style——样式

样式就是各种属性的集合。当控件需要使用这些属性时，就可以直接使用这个集合来获得这些属性的

样式分为对控件的样式和对整个应用或Activity的样式，对整个应用或Activity的样式我们有称其为主题（Theme）

语法：

声明:

在values文件夹中

<style name=“styleName” parent=“extends”>

<item name=“paramsName”>value</item>

</style>

使用:

控件的style属性引用  style=“styleName”(布局页面)

三、Attribute

Attribute是位于values文件夹下的一种android资源，通常使用名称为attrs的xml资源文件来声明。可以作为自定义控件的自定义属性，也可以作为根据主题自动选择值的一种资源值。

 

用法：

作为可变资源

声明

<resource>

  <attr name=“attr-name” format=“format-type”/>

</resource>

赋值

<style name=“xx”>

  <item name=“attr-name”>value</item>

</style>

 

例：values文件夹下的，attrs.xml文件

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

<resources>

<!--注意不能和已有的重名，不会会有异常-->

<attr name="bg" format="color"/>

<!--格式为引用-->

<attr name="radioButtonStyle" format="reference"/>

</resources>

引用的时候：

android:background="?attr/bg">

具体代码，Layoutwork

四、Shape——图形

用来实现一些简单的图片，可控制图片的图形、颜色、边框圆角等。占用空间小，还可以适应不同大小的尺寸，不发生形变。

用法：

声明在drawable文件夹下

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

      android:shape=["rectangle" | "oval" | "line" | "ring"]>

</shape>

shape  图形  rectangle  矩形  line  线  oval  椭圆  ring  环

　　

具体的案例：

一、矩形代码：

<?xml version="1.0" encoding="utf-8"?>
<!--默认矩形-->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <!--纯色-->
 <solid android:color="@color/colorAccent"/>

 <!--圆角-->
 <!-- android:radius="100dp"四个角都是圆角-->
 <corners
 android:bottomLeftRadius="100dp"
 android:topRightRadius="100dp"/>

 <!--边框-->
 <!--android:dashWidth="50dp线段长-->
 <!--android:dashGap="20dp"线段之间的间隔-->
 <stroke
 android:width="10dp"
 android:color="@color/colorPrimary"
 android:dashWidth="50dp"
 android:dashGap="20dp"/>
 <!--大小-->
 <size
 android:width="200dp"
 android:height="200dp"/>

 <padding
 android:left="20dp"
 android:top="20dp"
 android:bottom="20dp"
 android:right="20dp"/>
 <!--渐变-->
 <!--默认左右渐变-->
 <!--android:centerColor="@color/colorPrimary" 三色渐变-->
 <!--渐变类型，默认为linear android:type="linear"-->
 <!--注意，这个属性的值只能是45的倍数，并且只能在linear中使用-->
 <!--<gradient-->
 <!--android:centerColor="@color/colorPrimary"-->
 <!--android:startColor="#fff"-->
 <!--android:endColor="@color/colorAccent"-->
 <!--android:type="linear"-->
 <!--android:angle="-90"/>-->

 <!--android:type="radial" 径向渐变-->
 <!--注意必须设置径向渐变半径-->
 <!--<gradient-->
 <!--android:centerColor="@color/colorPrimary"-->
 <!--android:startColor="#fff"-->
 <!--android:endColor="@color/colorAccent"-->
 <!--android:type="radial"-->
 <!--android:gradientRadius="200"-->
 <!--android:centerX="0.5"-->
 <!--android:centerY="0.3"/>-->

 <!--扫描线-->
 <!--也可以设置中心点，默认是0.5XY-->
 <gradient
 android:centerColor="@color/colorPrimary"
 android:startColor="#fff"
 android:endColor="@color/colorerAccent"
 android:type="sweep"
 android:centerX="0.5"
 android:centerY="0.5"/>

</shape>

 

二、线代码

 

<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="line">
 <stroke
 android:width="3dp"
 android:color="@color/colorPrimary"
 android:dashGap="20dp"
 android:dashWidth="50dp"/>
</shape>

三、椭圆代码　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

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

 android:shape="oval">
 <!--这里边的属性都可以使用-->
 <solid android:color="@color/colorAccent" />
 <!--宽高相等，会变成圆形-->
 <size
 android:width="50dp"
 android:height="200dp" />
</shape>

四、圆环代码　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

 

<!--环形-->
 <!--固定值，好处，固定大小不变，但是不能根据控件大小变化-->
<!--android:innerRadius="" 内环半径

 android:thickness="" 环厚度-->
<!--**** android:useLevel="false"必须为false，
默认为true，为false时显示*****-->
<!--比例
 android:innerRadiusRatio=""
 android:thicknessRatio=""-->
<!--控件的宽度/5，内环的半径 控件的宽度/7，环厚度-->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="ring"
 android:innerRadiusRatio="5"
 android:thicknessRatio="7"
 android:useLevel="false">
 <solid
 android:color="@color/colorAccent"/>
</shape>