android开发游记:xml配置图形文件

android提供了一种可使用配置文件替代图片资源的方法,一些简单的图片可以使用图形配置文件来代替,这样既可以节省空间减少app大小,也可以防止小图拉伸失真。所有一般在app中能够自己使用配置进行配置的图形一般都编写图形文件,而比较复杂的图片才使用图片文件格式。

下面介绍下shape标签的使用:

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

首先在drawable文件夹下创建一个xml文件,随意命名,例如shape_test.xml
这个xml文件能被当作一张图片来使用,下面一段代码标示下shape标签及其子标签和作用:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 圆角 -->
    <corners
        android:radius="9dp"
        android:topLeftRadius="2dp"
        android:topRightRadius="2dp"
        android:bottomLeftRadius="2dp"
        android:bottomRightRadius="2dp"/><!-- 设置圆角半径 -->

    <!-- 渐变 -->
    <gradient
        android:startColor="@android:color/white"
        android:centerColor="@android:color/black"
        android:endColor="@android:color/black"
        android:useLevel="true"
        android:angle="45"
        android:type="radial"
        android:centerX="0"
        android:centerY="0"
        android:gradientRadius="90"/>

    <!-- 间隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->

    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/><!-- 宽度和高度 -->

    <!-- 填充 -->
    <solid
        android:color="@android:color/white"/><!-- 填充的颜色 -->

    <!-- 描边 -->
    <stroke
        android:width="2dp"
        android:color="@android:color/black"
        android:dashWidth="1dp"
        android:dashGap="2dp"/>

</shape>

shape(图形)

shape图形的根元素
android:shape:定义shape的值,必须是下面的之一:

  • “rectangle” 矩阵,这也是默认的shape
  • “oval” 椭圆
  • “line” 一条水平的直线。这种shape必须使用 元素来定义这条线的宽度
  • “ring” 圆环

下面的属性只有当 android:shape=”ring”才使用:

android:innerRadius:内环的半径。一个尺寸值(dip等等)或者一个尺寸资源。
android:innerRadiusRatio:这个值表示内部环的比例,例如,如果innerRadiusRatio = ” 5 “,那么内部的半径等于环的宽度除以5。这个值会被innerRadius重写。 默认值是9。
android:thickness:环的厚度,是一个尺寸值或尺寸的资源。
android:thicknessRatio:厚度的比例。例如,如果thicknessRatio= ” 2 “,然后厚度等于环的宽度除以2。这个值是被innerRadius重写, 默认值是3。
android:useLevel:如果用在 LevelListDrawable里,那么就是true。如果通常不出现则为false。

corners(圆角)

android:radius 指定了所有圆角的圆度,你也可以单独设置每个角的圆度,如:

<corners
    android:topLeftRadius="2dp"
    android:topRightRadius="2dp"
    android:bottomLeftRadius="2dp"
    android:bottomRightRadius="2dp"/>

gradient(渐变)

填充颜色的渐变效果

android:angle :渐变的角度。 0 代表从 left 到 right。90 代表bottom到 top。必须是45的倍数,默认为0
android:centerX:渐变中心的相对X坐标,在0到1.0之间。
android:centerY:渐变中心的相对Y坐标,在0到1.0之间。
android:startColor:渐变开始的颜色值。
android:centerColor:渐变中的颜色值。基于startColor和endColor之间。
android:endColor:渐变结束的颜色。
android:gradientRadius:渐变的半径。只有在 android:type=”radial”才使用
android:type:渐变的模式,下面值之一:
“linear” 线形渐变。这也是默认的模式
“radial” 辐射渐变。startColor即辐射中心的颜色
“sweep” 扫描线渐变。
android:useLevel:如果在LevelListDrawable中使用,则为true

padding(间隔)

内容与视图边界的距离

android:left:左边填充距离.
android:top:顶部填充距离.
android:right:右边填充距离.
android:bottom:底部填充距离.

size(大小)

这个shape的大小

android:height:这个shape的高度。
android:width:这个shape的宽度。

solid(填充)

填充这个shape的颜色

android:color:颜色值,十六进制数,或者一个Color资源

stroke(描边)

这个shape使用的描边,当android:shape=”line”的时候,必须设置该元素。

android:width:描边的粗细。
android:color:描边的颜色
android:dashGap:每画一条线就间隔多少。只有当android:dashWidth也设置了才有效。
android:dashWidth:每画一条线的长度。只有当 android:dashGap也设置了才有效。
dashGap和dashWidth设置这条线为虚线,其中dashWidth表示没一段的线宽,dashGap表示之间的间隔

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
将导入的图片中颜色相同的点的范围写入xml。 使用说明: 2.2.1 默认 系统窗体根据配置文件显示当前时间应关闭的区域。 注:可在界面下方的表格中修改关闭区域的相关信息,按【Enter】键完成修改,相关信息将在打印时显示。 2.2.2 临时区域 a) 在下拉列表框中(或鼠标左键单击图片中需关闭的区域)选择关闭区域或机位,系统窗体显示临时关闭的区域。 b) 在图片中的关闭区域单击鼠标右键(或双击工具栏中列表框中的滑行道、机位等,或在工具栏中的列表框中选择删除区域,单击鼠标右键选择【删除该区域】),取消所选关闭区域。 c) 在工具栏中的列表框中选择区域,单击鼠标右键选择【修改区域名】,在标签“请输入新的区域名称”下方的下拉列表框中输入新的区域名称,按【Enter】键,当列表框中所选区域名改变时,此修改操作完成。 注:1.选择多块区域:单击鼠标左键选择开始区域,单击鼠标右键选择结束区域,则界面显示开始区域至结束区域间所有区域,区域名称为“开始区域名”+“至”+“结束区域名”。 2.可如c)修改区域名称。 2.2.3 配置计划 2.2.3.1 重新配置 删除配置文件中所有已有关闭区域的信息。以便于重新配置。 2.2.3.2 增加配置 增加新的关闭区域配置。 a) 配置开始时间和结束时间。 b) 用户可在下拉列表框中(或在图片中单击鼠标左键)选择关闭区域或机位,亦可点击【导入时间段】按钮,复制已有的配置信息。 c) 点击【增加时间段】按钮,将当前配置的关闭区域作为新的时间段添加到配置文件中。 d) 删除关闭区域:在工具栏的列表框中选择删除区域并双击鼠标左键,或单击鼠标右键选择【删除该区域】,亦或在图形界面上双击鼠标右键删除关闭区域。 e) 点击【保存】按钮,保存当前配置的区域信息,并进入下一新增区域配置。 f) 点击【返回】按钮,完成该操作。 注:选择多块区域:单击鼠标左键选择开始区域,单击鼠标右键选择结束区域,则选择且界面显示开始区域至结束区域间所有区域,区域名称为“开始区域名”+“至”+“结束区域名”。 2.2.3.3 修改配置 修改已有的关闭区域的配置信息。 a) 点击【增加时间段】按钮,增加新的时间段,以便于在不同时间关闭其他区域。 b) 点击【删除时间段】按钮,删除已有的时间段。 c) 点击【保存】按钮,保存修改后的配置信息。 d) 点击【清空】按钮,清除当前显示的关闭区域。 e) 在工具栏的列表框中选择区域,单击鼠标右键选择【修改区域名】,在标签“请输入新的区域名称”下方的下拉列表框中输入新的区域名称,按【Enter】键,当列表框中所选区域名改变时,此修改操作完成。 f) 点击【返回】按钮,完成该操作。 注:1.选择多块区域:单击鼠标左键选择开始区域,单击鼠标右键选择结束区域,则选择且界面显示开始区域至结束区域间所有区域,区域名称为“开始区域名”+“至”+“结束区域名”。 2.当选择时间段号后,可在图形界面上进行选择操作,否则鼠标无法选择关闭区域。 2.2.3.4 删除配置 在下拉列表框中选择要删除第几天的区域,点击【删除】按钮,删除所选区域的相关配置信息。 2.2.3.5 查询配置 选择区域下拉列表框中的数据,显示该天所有时间段的关闭区域。选择时间段下拉列表框的数据,显示该时间段的关闭区域,并显示开始时间及结束时间。 2.2.3.6 设置开始日期 选择日期作为“第1天”区域的开始日期,系统根据日期循环显示关闭区域。 2.2.4 全部区域 显示所有可以关闭的区域。 2.2.5 日期查询 选择“开始日期”以后的日期,显示该天的所有时间段的相关信息。 2.2.6 背景颜色 点击【背景颜色】按钮,可选择背景颜色。 2.2.7 打印 打印当前显示的关闭区域、相关信息和备注。 注:1.选择【纸张类型】及【方向】。 2.当图形界面下方表格中的【关闭区域】列中的信息过长时将无法完全打印,请适当修改区域名称或手动剪切部分信息至新的一行。 2.2.8 备注 编写“备注”的文本信息。 注:在“备注”框上,按住鼠标左键,“备注”随鼠标移动。 配置说明: Data文件夹包含Area_Show.xml、Areas_Config.xml、ColorRange.xml三个文档。 说明如下: Area_Show.xml为 CloseAreas.exe生成的配置文件,用于记录关闭区域的相关信息。 Areas_Config.xml记录位图“浦东机场(副本1).bmp”中不同颜色所对应的区域名称。 例: <Area> <Name>1</Name> //区域名称为:(机位)1 <Color>ff0101e7</Color> //位图上的所对应的颜色名称。 <RGB>1,1,231</RGB> //位图上所对应颜色的RGB值。 </Area> 。。。。。。 <Area> <Name>A2(不含)-B1(不含)/B</Name> //区域名称:(跑道)A2(不含)-B1(不含)/B <Color>ff02ac04</Color> //位图上的所对应的颜色名称。 <RGB>2,172,4</RGB> //位图上所对应颜色的RGB值。 </Area> 。。。。。。 <Area> //多块区域构建组合区域 <Name>滑边</Name> //区域名称:(别名)滑边 <Color>ff6e7fff</Color> //同时显示多块区域时, <Color>ff6f80ff</Color> //将各区域对应的颜色名称写入此处。 <Color>ff8073ff</Color> <Color>ff7080ff</Color> 。。。。。。 </Area> ColorRange.xml为Write_Config.exe生成的配置文件,用于记录位图“浦东机场(副本1).bmp”中不同颜色的范围。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值