【Android】-- 图形(形状图形、状态列表图形、九宫格图片)
一、图形Drawable
Drawable类型表达了各种各样的图形,包括图片、色块、画板、背景等。
包含图片在内的图形文件放在res目录的各个drawable目录下,其中drawable目录一般保存描述性的XML文件,而图片文件一般放在具体分辨率的drawable目录下。
各视图的background属性、ImageView和ImageButton的src属性、TextView和Button四个方向的drawable***系列属性都可以引用图形文件。
二、形状图形
Shape图形又称形状图形,它用来描述常见的几何形状,包括矩形、圆角矩形、圆形、椭圆等。
形状图形的定义文件是以Shape标签为根节点的XML描述文件。
实际开发一般主要使用3个节点:stroke、corners、solid。
1、类型的形状:
- rectangle:矩形,默认
- oval:椭圆,此时corners节点失效
- line:直线,此时必须设置stroke节点,不然报错
- ring:圆环
2、size(尺寸)
size是shape的下级节点,它描述了形状图形的宽高尺寸,若无size节点,则表示宽高与宿主视图一样大小,下面是size节点的常用属性说明:
- height:像素类型,图形高度。
- width:像素类型,图形宽度。
3、stroke(描边)
stroke是shape的下级节点,它描述了形状图形的描边规格,若无stroke节点,则表示不存在描边,下面是stroke节点的常用属性说明:
- color:颜色类型,描边的颜色。
- dashGap:像素类型,每段虚线之间的间隔。
- dashWidth:像素类型,每段虚线的宽度,若dashGap和dashWidth有一个值为0,则描边为实线。
- wdith:像素类型,描边的厚度。
4、corners(圆角)
corners是shape的下级节点,它描述了形状图形的圆角大小,若无corners节点,则表示无圆角,下面是常用属性:
- bottomLeftRadius:坐下圆角的半径。
- bottomRightRadius:右下圆角的半径。
- topLeftRadius:左上圆角的半径。
- topRightRadius:右上圆角的半径。
- radius:四个圆角的半径。
5、solid(填充)
solid是shape的下级节点,它描述了形状图形的填充色彩,若无solid节点,则表示无填充颜色,下面的属性说明:
- color:内部填充的颜色。
6、padding(间隔)
padding是shape的下级节点,它描述了形状图形与周围边界的间隔,若无padding节点,则表示四周不设间隔,下面的常用属性:
- top:与上方的间隔。
- bottom:与下方的间隔。
- left:与左边的间隔。
- right:与右边的间隔。
7、gradient(渐变)
gradient是shape的下级节点,它描述了形状图形的颜色渐变,若无gradient节点,则表示没有渐变效果,下面的常用属性:
- angle:整型,渐变的起始角度,为0表示9点钟位置,增值大表示往逆时针方向旋转。
- type:渐变类型。
渐变类型 | 说明 |
linear | 线性渐变,默认 |
radial | 放射渐变,起始颜色就是圆心颜色 |
sweep | 滚动渐变,即一个线段以某个端点为圆心做360°旋转 |
- centerX:浮点型,圆心的X坐标,type=linear时不可用。
- centerY:浮点型,圆心的Y坐标,type=linear时不可用。
- gradientRadius:整型,渐变半径,type=radial时需要设置。
- centerColor:渐变的中间颜色。
- startColor:渐变的起始颜色。
- endColor:渐变的终止颜色。
- useLevel:布尔类型,设置为true为无渐变色。
例:点击按钮切换图形
xml文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:id="@+id/v_content"android:layout_width="match_parent"android:layout_height="200dp"android:layout_margin="10dp"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_rect"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="圆角矩形"/><Buttonandroid:id="@+id/btn_oval"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="椭圆矩形"/></LinearLayout>
</LinearLayout>
drawable下新建rect.xml文件
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--指定形状内部的填充颜色--><solid android:color="#ffdd66"/>
<!-- 指定形状轮廓的粗细与颜色--><stroke android:width="1dp"android:color="#aaaaaa"/>
<!-- 指定形状四个圆角的半径--><corners android:radius="10dp"/>
</shape>
oval.xml文件
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="oval"><!--指定形状内部的填充颜色--><solid android:color="#ff66aa"/><!-- 指定形状轮廓的粗细与颜色--><stroke android:width="1dp"android:color="#aaaaaa"/>
</shape>
java代码
public class DrawableShapeActivity extends AppCompatActivity implements View.OnClickListener {private View v_content;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_drawable_shape);v_content = findViewById(R.id.v_content);findViewById(R.id.btn_rect).setOnClickListener(this);findViewById(R.id.btn_oval).setOnClickListener(this);//v_content的背景设置为圆角矩形v_content.setBackgroundResource(R.drawable.shape_rect_gold);}@Overridepublic void onClick(View view) {switch (view.getId()){case R.id.btn_rect:v_content.setBackgroundResource(R.drawable.shape_rect_gold);break;case R.id.btn_oval:v_content.setBackgroundResource(R.drawable.shape_oval_rose);break;}}
}
运行结果:
三、九宫格图片
将某张图片设置成视图背景时,如果图片尺寸太小,则会自动拉伸使之填满背景,但图片拉的过大,会变得模糊。
使用九宫格图片:将图片后缀改为.9.png
四、状态列表图形
Button按钮的背景在正常情况下是凸起的,在按下时是凹陷的,从按下到弹起的过程,用户便能知道点击了这个按钮。
例:
当按钮被按下时使用的是第一个item的图片
<item android:drawable="@drawable/button_pressed" android:state_pressed="true"/>
<item android:drawable="@drawable/button_normal"/>
状态类型的取值说明
状态列表图形不仅用于按钮控件,还可用于其他拥有多种状态的控件。
【Android】-- 图形(形状图形、状态列表图形、九宫格图片)相关推荐
- 基础复习——图形定制——图形Drawable——形状图形——九宫格图片——状态列表图形...
Drawable类型表达了各种各样的图形,包括图片.色块.画板.背景等. 包含图片在内的图形文件放在res目录的各个drawable目录下,其中drawable目录一般保存描述性的XML文件,而图片文 ...
- SurfaceView简单理解,Android混淆,Android openGl开发详解简单图形的绘制,
SurfaceView允许你在非ui线程中去绘制. SurfaceView的帧率可以操作60FPS 在要求实时性比较高的游戏开发中,显然,view的ondraw是满足不了你的,这时候只能是用Surfa ...
- java增加新图形形状_Java 添加Word形状或图形
本文将介绍通过java编程在Word文档中添加形状(图形),包括添加单个图形.组合图形,以及格式化图形样式,如设置形状填充色.大小.位置.边框样式.边框颜色.边框粗细.图形旋转角度.图形文本环绕方式等 ...
- vspy如何在图形面板显示报文_GUI 图形用户界面 [学习笔记]
今晚返璞归真了一把, 系统了解了一下GUI的有关知识: GUI(Graphical User Interface)图形用户界面 是指采用图形方式显示的计算机操作用户接口.与早期计算机使用的命令行界面相 ...
- 使用html编写SVG圆图形,CSS vs. SVG:任意图形UI组件
在这个系列教程的前两篇文章中,我们比较了CSS和SVG创建图形文本.复选框和单选按钮的技术与效果.在这篇文章中将介绍CSS和SVG对比技术中的另一个技术--创建图形UI组件的技术. 具体地说,我们将要 ...
- 图形颜色填充_Processing-2-基本图形绘制
上一章 戡.Aa:Processing-1-Processing概述zhuanlan.zhihu.com 本章要点如下 位置和坐标 基础图形 绘图顺序 绘图属性.模式 位置和坐标 Processin ...
- 中心对称又是轴对称的图形_解读坐标系中图形变换的规律
图形的对称.平移.旋转与位似是初中数学中几种重要的图形变换问题,也是各地中考的难点.解决这类问题需在平面直角坐标系中作出变换的图形,或根据图形变换求点的坐标:需要综合运用图形变换的性质特征,运用点的坐 ...
- 图形基本变换c语言代码,图形变换-C语言课程设计.doc
学号 <> 课程设计报告 图形变换网络工程班级:16(3)姓名:指导教师:成绩: 计算机学院 2017 年 5月 10日 目录- 1 - 1 设计要求- 2 - 2 程序功能- 2 - 3 ...
- 5.26在网上看到的方法,实现图形缩放、对齐、图形修改后进行dirty check。(未实验过)...
目标:1. 使用ZoomManager来执行图形的缩放 2. 对图形进行对齐(Alignment)操作 3. 图形修改后进行dirty check(提示保存文档) 图形缩放: 提供缩放能力的方法就是设 ...
最新文章
- Ubuntu Linux中使用快捷键截图选定区域
- 海外区域财务共享中心建设
- Snort里如何将读取的包记录存到指定的目录下(图文详解)
- 为什么Nginx的性能要比Apache高很多?
- android 伪造gps位置,在Android中使用GPS的假位置
- 外设驱动库开发笔记18:MS5837压力变送器驱动
- linux内存管理之RSS和VSZ的区别
- 阅读吴军《信息时代对人才技能的要求》
- 命令行模式下几个网络命令详解
- jQuery的加法运算,val()获取的结果相加变成了字符串连接。
- matlab 风机 功率曲线,风力发电机功率曲线统计MATLAB代码实现.docx
- Ubuntu安装谷歌浏览器
- 算计算机一级应用app,计算机一级题库
- android手机rom物理存储器,手机ROM/RAM的区别
- android安卓手机分屏多窗口实现方法
- 盘一盘那些开设了大数据专业的中国高校
- 嵌入式linux pam,Linux PAM 之cracklib模块
- “真香”的realme 真我X50 5G,正改变年轻人对5G手机的认知
- node-sass安装失败解决
- 华为的5G专利申请量居于第一名,但专利授权量却败给三星
热门文章
- Mobileye阵营「瓦解」?采埃孚的「求生大考」
- 「6月雅礼集训 2017 Day4」qyh(bzoj2687 交与并)
- 基于相关方法对噪声方差阵Q和R的估计
- Vulkan Programming Guide 第一章(1)
- 【181127】VC++ 实现鼠标可随意拖动图像源代码
- 基于物理相机渲染 第一篇 EV light condition(相机曝光值与光照情况关系)
- sun oracle t4 2 功率,Sun SPARC-T4-2 产品彩页.pdf
- Excel-算术平均分析(差异分析)
- 多人上传文件公共网盘_多平台文件互传,一篇就够
- php.ini 米拓_解决MetInfo(米拓)5.3版本后伪静态无法正常使用的问题