一、
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">
![](https://i-blog.csdnimg.cn/blog_migrate/4d32c3e4bbab9db37243b988bc1e99f1.png)
<!-- 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"/>
![](https://i-blog.csdnimg.cn/blog_migrate/bc32b1ae7cb10c4be410f203483d8bea.png)
</selector效果图:
二、
常用的styles.xml修改和设置
原文转载自:
http://www.cnblogs.com/dingxiansen/p/6044644.html
<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 环
![](https://i-blog.csdnimg.cn/blog_migrate/dca8dbb491ebadf957de3f7eace737da.png)
具体的案例:
一、矩形代码:
<?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>
三、椭圆代码
![](https://i-blog.csdnimg.cn/blog_migrate/07650992d43f120a375e26c4b39acf4f.png)
<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>
四、圆环代码
![](https://i-blog.csdnimg.cn/blog_migrate/8daa6bebd168799610ff39e503cb7d0b.png)
<!--环形--> <!--固定值,好处,固定大小不变,但是不能根据控件大小变化--> <!--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>