Android 课堂笔记——shape
2016-12-07 22:02
351 查看
描述:shape是资源文件的一种,使用时需要新建一个drawable文件夹,并把所有资源文件放在里边;需要new一个android xml file 其他类型xml file不可以。
相当于当成图片去用
“资源文件:各种XML文件, 可以定义图片等资源, 以及各种图片, 音频, 视频, 3d模型等资源;同样的还有Selector等”
在Android工程中, 文件主要分为下面几类 : 界面布局文件, Java src源文件, 资源文件;
– 界面布局文件 : 在res/layout目录下定义, 用于定义Android中界面的显示样式;
– Java源码文件 : Android程序的逻辑实现, 程序主体;
– 资源文件 : 各种XML文件, 可以定义图片等资源, 以及各种图片, 音频, 视频, 3d模型等资源;
主要属性:
1)stroke
描述: stroke:边框效果 相当于html中的盒子模型的border
属性: android:width 描边的宽度
android:color 描边的颜色
android:dashWidth 表示边框的样式是虚线的宽度,
值为0时,表示为实线。
值大于0则为虚线。
android:dashGap 表示描边为虚线时,
虚线之间的间隔 即”- - - ”
2)padding
描述:内部边距,即内容与边的距离
属性: android:left 左内边距
android:top 上内边距
android:right 右内边距
android:bottom 下内边距
与html中padding相同,同样的还有margin
3)corners
描述: corners: 圆角
属性: android:radius 半径
android:topLeftRadius 左上角半径
android:topRightRadius 右上角半径
注意一下两个属性比较不同:
android:bottomLeftRadius 右下角半径
android:bottomRightRadius 左下角半径
4)solid
描述:内部填充
属性 android:color 填充颜色
5)gradient
描述: 渐变色
属性: android:startColor 起始颜色
android:endColor 结束颜色
android:angle 渐变角度(PS:当angle=0时,渐变色是从左向右。然后逆时针方向转,当angle=90时为从下往上。angle必须为45的整数倍)
android:type 渐变类型(取值:linear、radial、sweep)
linear 线性渐变,这是默认设置
radial 放射性渐变,以开始色为中心。
sweep 扫描线式的渐变。
android:centerColor 渐变中间颜色,即开始颜色与结束颜色之间的颜色
android:useLevel 如果要使用LevelListDrawable对象,就要设置为true。设置为true无渐变。false有渐变色
android:gradientRadius 渐变色半径.当 android:type=”radial” 时才使用。单独使用 android:type=”radial”会报错。
android:centerX 渐变中心X点坐标的相对位置
android:centerY 渐变中心Y点坐标的相对位置
6)size
描述:size: 大小
属性: android:width 表示形状的宽度
android:height 表示形状的高度
资源文件
在android:background中引用
相当于当成图片去用
“资源文件:各种XML文件, 可以定义图片等资源, 以及各种图片, 音频, 视频, 3d模型等资源;同样的还有Selector等”
在Android工程中, 文件主要分为下面几类 : 界面布局文件, Java src源文件, 资源文件;
– 界面布局文件 : 在res/layout目录下定义, 用于定义Android中界面的显示样式;
– Java源码文件 : Android程序的逻辑实现, 程序主体;
– 资源文件 : 各种XML文件, 可以定义图片等资源, 以及各种图片, 音频, 视频, 3d模型等资源;
主要属性:
1)stroke
描述: stroke:边框效果 相当于html中的盒子模型的border
属性: android:width 描边的宽度
android:color 描边的颜色
android:dashWidth 表示边框的样式是虚线的宽度,
值为0时,表示为实线。
值大于0则为虚线。
android:dashGap 表示描边为虚线时,
虚线之间的间隔 即”- - - ”
<stroke bian'ka android:width="1dp" android:color="#ff0000" //以下两个属性加虚线 //虚线的长度 android:dashWidth="10dp" //虚线的间隔 android:dashGap="5dp"/>
2)padding
描述:内部边距,即内容与边的距离
属性: android:left 左内边距
android:top 上内边距
android:right 右内边距
android:bottom 下内边距
与html中padding相同,同样的还有margin
3)corners
描述: corners: 圆角
属性: android:radius 半径
android:topLeftRadius 左上角半径
android:topRightRadius 右上角半径
注意一下两个属性比较不同:
android:bottomLeftRadius 右下角半径
android:bottomRightRadius 左下角半径
<!--corners 设置圆角 --> <corners android:radius="20dp"/>
4)solid
描述:内部填充
属性 android:color 填充颜色
5)gradient
描述: 渐变色
属性: android:startColor 起始颜色
android:endColor 结束颜色
android:angle 渐变角度(PS:当angle=0时,渐变色是从左向右。然后逆时针方向转,当angle=90时为从下往上。angle必须为45的整数倍)
android:type 渐变类型(取值:linear、radial、sweep)
linear 线性渐变,这是默认设置
radial 放射性渐变,以开始色为中心。
sweep 扫描线式的渐变。
android:centerColor 渐变中间颜色,即开始颜色与结束颜色之间的颜色
android:useLevel 如果要使用LevelListDrawable对象,就要设置为true。设置为true无渐变。false有渐变色
android:gradientRadius 渐变色半径.当 android:type=”radial” 时才使用。单独使用 android:type=”radial”会报错。
android:centerX 渐变中心X点坐标的相对位置
android:centerY 渐变中心Y点坐标的相对位置
<gradient android:startColor="#FF0000" android:endColor="#00ff00" android:angle="270"/>
6)size
描述:size: 大小
属性: android:width 表示形状的宽度
android:height 表示形状的高度
资源文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- shape是用于给控件做边框的 -->
<!-- 学习里面的标签和属性 -->
<!-- 边框 -->
<stroke
android:width="1dp"
android:color="#FF0000"
android:dashWidth="0dp"
android:dashGap="5dp"/>
<!-- 内边距 -->
<padding android:left="20dp"
android:right="20dp"
android:top="20dp"
android:bottom="20dp"/>
<!-- 圆角 -->
<corners android:topLeftRadius="10dp"
android:topRightRadius="10dp"
android:bottomLeftRadius="0dp"
android:bottomRightRadius="0dp"/>
<!-- 渐变色 -->
<gradient android:startColor="#FF0000" android:endColor="#00ff00" android:angle="270"/>
</shape>
在android:background中引用
<TextView android:background="@drawable/tv_bg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="哈哈哈哈哈哈 " android:textSize="20sp" />
相关文章推荐
- android shape使用笔记
- [Android课堂笔记] 2D Graphic图形绘制全解析
- Android shape 绘制图形笔记
- Android课堂笔记——BaseAdapter及其优化
- Android课堂笔记——ToggleButton和Switch
- ANDROID笔记:shape的简单使用
- Android课堂笔记——Menu
- day01:Android课堂笔记
- Android课堂笔记—SQLite3和ContentProvider
- Android课堂笔记——ViewPager
- 学习笔记_android之Selector与Shape的基本用法
- Android ui 测试课堂笔记
- Android ui 测试课堂笔记
- [Android进阶笔记]XML相关——Selector、Shape、Styles
- android学习 读书笔记之 android 绘图shape
- Android笔记(shape回顾)
- Android shape的使用笔记
- Android笔记--通过Shape自定义圆角按钮
- Android课堂笔记——RadioButton(单选按钮)&Checkbox(复选框)
- Android课堂笔记——Notification通知栏