【Android】21.1 画板资源

时间:2022-09-17 14:01:23

分类:C#、Android、VS2015;

创建日期:2016-03-19

一、简介

画板资源(Drawable Resources)是用XML描述/Resources/drawable中的2D图形文件的技术,也是在Android应用程序中使用非常频繁的技术。由于它是通过XML来声明如何绘制2D图形的,因此这些资源能与代码完全分离。

注意画板资源(Drawable Resources)不同于项目中Drawable文件夹下的PNG或JPEG文件,或者说,画板资源不需要像PNG或JPEG文件那样指定像素密度。运行时,Android应用程序将自动加载这些画板资源,并使用XML文件中包含的说明来创建2D图形。

画板资源可用于许多简单而又常见的图形显示需求,虽然其使用非常简单,但却涵盖了最常见的自定义绘图的情况。当然,它的功能也很有限,比如没有提供对应的Canvas API控制等。

这一节我们先看一下可绘制资源的基本用法,然后再学习Canvas API。

二、画板资源的分类

安卓系统定义了以下类型的画板(Drawable)资源。

1、ShapeDrawable

绘制原始几何形状的画板资源。在该形状上可应用一组有限的图形效果。在自定义按钮或设置TextViews 的背景时,该对象非常有用(后面的示例会看到如何使用ShapeDrawable)。

2、StateListDrawable

更改控件外观状态的画板资源。例如,按钮按下或抬起的状态。

3、LayerDrawable

可将多个资源堆叠在一起的画板资源。LayerDrawable的例子如下面的屏幕快照所示:

【Android】21.1 画板资源

4、TransitionDrawable

这是另一种形式的LayerDrawable,它除了堆叠资源外,还可以用动画显示某一层。

5、LevelListDrawable

这种资源非常类似于StateListDrawable ,因为它也是基于某些条件来控制要显示的图像。但是,LevelListDrawable仅显示基于整数值的图像。比如,LevelListDrawable示例将显示搜索到的WiFi信号的强度。WiFi信号变化的强度不同,绘制的图像也不同。

6、ScaleDrawable / ClipDrawable

顾名思义,这些画板提供缩放和裁剪功能。ScaleDrawable用于缩放另一个Drawable,而ClipDrawable用于剪辑另一个Drawable。

7、InsetDrawable

This Drawable will apply insets on the sides of another Drawable resource. It is used when a View needs a background that is smaller than the View’s actual bounds.

这种画板用于将其两侧的另一种画板资源插入内边距。当需要视图大小小于其背景大小时,可以用它来实现。

8、XML BitmapDrawable

此XML文件中包含的是一组指令,这组指令通过XML指定要执行实际的位图。指定之后,安卓系统就可以通过它执行一些操作,比如瓷砖、抖动、抗锯齿。这种Drawable最常见的用途之一是在布局的背景中平铺一个位图。

三、处理Drawable对象

在Android中,可通过Drawable类实现对图片的操作。Drawable类有很多子类,如操作位图的BitmapDrawable类、操作颜色的ColorDrawable类、操作形状的ShapeDrawable类等。

可通过以下方式实例化Drawable对象:一是用保存在项目中的图片文件创建Drawable对象;二是使用XML文件定义Drawable属性。

1、使用图片文件创建Drawable对象

在项目的资源文件中保存文件,然后通过Resource类引用它。这是最简单的访问图片的方式。

主要设计步骤:

  • 将某个图片文件保存在项目中的资源文件夹下。
  • 在布局文件中添加一个ImageView组件。
  • 在Activity中实例化ImageView对象。
  • 调用ImageView的SetImageResource()方法,在参数中引用资源的Id。

经过以上步骤后,就会在界面中看到要显示的图片。

2、使用XML文件定义Drawable对象的属性

这种方式是指在布局文件的ImageView中直接指定相关的属性。例如在Drawable下有一个a.jpg的图片,在布局文件中,就可以用下面的代码引用该图片:

<ImageView

……

android:src="drawable/a"/>

四、示例

该例子演示形状画板(ShapeDrawable)的基本用法。

ShapeDrawable可以定义最基本的四个图形形状:矩形(rectangle)、椭圆(oval)、线条(line)和环形(ring)。另外还可以对其应用基本的动画效果,如渐变、颜色、大小等。

1、运行截图

【Android】21.1 画板资源

2、设计步骤

(1)添加ch2101shape_rect.xml

在Drawable文件夹下添加该文件。

该文件定义了一个带有紫色渐变背景的圆角矩形。

<?xml version="1.0" encoding="utf-8" ?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<!-- 用渐变填充背景 -->
<gradient android:angle="45"
android:startColor="#55000066"
android:centerColor="#00000000"
android:endColor="#55ff6666"
android:centerX="0.65" />
<padding android:left="5dp"
android:right="5dp"
android:top="5dp"
android:bottom="5dp" />
<!-- 圆角矩形 -->
<corners android:topLeftRadius="10dp"
android:topRightRadius="10dp"
android:bottomLeftRadius="10dp"
android:bottomRightRadius="10dp" />
</shape>

(2)添加ch2101Main.xml

在Layout文件夹下添加该文件。

在这个文件中,通过android:background="@drawable/ch2101shape_rect"引用刚定义的形状画板。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/ch2101shape_rect"
android:text="该文本是用形状画板填充的背景色"
android:layout_gravity="center"
android:layout_marginTop="30dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/ch2101shape_rect"
android:text="该文本也是用形状画板填充的背景色"
android:layout_margin="20dp"
android:gravity="center" />
</LinearLayout>

也可以以编程方式应用画板资源。例如:

TextView tv = FindViewById<TextView>(Resource.Id.shapeDrawableTextView);

tv.SetBackgroundResource(Resource.Drawable.ch2101shape_rect);

(3)添加ch210MainActivity.cs

using Android.App;
using Android.OS;
namespace MyDemos.SrcDemos
{
[Activity(Label = "【例21-1】形状画板基本用法")]
public class ch2101MainActivity : Activity
{
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
SetContentView(Resource.Layout.ch2101Main);
}
}
}

【Android】21.1 画板资源的更多相关文章

  1. android学习笔记32——资源

    Android应用资源 资源分类: 1.无法直接访问的原生资源,保存于asset目录下 2.可通过R资源清单类访问的资源,保存于res目录下 资源的类型以及存储方式 android要求在res目录下用 ...

  2. android 中的一些资源注解,让编译器帮你检查代码

    android 中的一些资源注解,让编译器帮你检查代码 写方便的时候可以用注解来声明一些参数,以明确的指示参数的类型,让代码更安全.我们看到,在android源代码里大量使用了注解.我整理了一些注解如 ...

  3. Android最全开发资源(申明:来源于网络)

    Android最全开发资源(申明:来源于网络) 地址:http://www.jianshu.com/p/0c36302e0ed0?ref=myread

  4. Android开发---如何操作资源目录中的资源文件4 ---访问xml的配置资源文件的内容

    Android开发---如何操作资源目录中的资源文件4 XML,位于res/xml/,这些静态的XML文件用于保存程序的数据和结构. XmlPullParser可以用于解释xml文件 效果图: 描述: ...

  5. Android开发---如何操作资源目录中的资源文件3--圆角边框、背景颜色渐变效果、边框颜色

    Android开发---如何操作资源目录中的资源文件3 效果图 1.圆角边框 2.背景颜色渐变效果 1.activity_main.xml 描述: 定义了一个shape资源管理按钮 <?xml ...

  6. Android开发 ---如何操作资源目录中的资源文件2

    Android开发 ---如何操作资源目录中的资源文件2 一.颜色资源管理 效果图: 描述: 1.改变字体的背景颜色 2.改变字体颜色 3.改变按钮颜色 4.图像颜色切换 操作描述: 点击(1)中的颜 ...

  7. android studio教学视频资源(点开即看)

    android studio教学视频资源(点开即看) 自从Google推出android studio之后.包含github在内的非常多第三方代码库项目很多其它的採用的android studio编译 ...

  8. 使用Android自带的资源

    Android自带的资源文件有 :https://developer.android.google.cn/reference/android/R.html 代码中使用如下: 1.查看源代码的资源文件 ...

  9. &lbrack;转载&rsqb;Android开发必备的21个免费资源和工具

    转载自: http://blog.csdn.net/shimiso/article/details/6788375 Android移动开发平台现在不是一个“火”字能形容的,今年Android平台在市场 ...

随机推荐

  1. BZOJ3932&colon; &lbrack;CQOI2015&rsqb;任务查询系统

    传送门 真不知道我没学主席树之前是有什么勇气说自己高级数据结构以及学的七七八八了. 这道题应该也是算是主席树的经典运用. 刚开始脑抽了,想把(S,E,P)的处理直接在线用树状数组xjb搞搞算了.写完后 ...

  2. Gulp&colon; Getting Started

    https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md 1. Install gulp globally: $ npm i ...

  3. &period;net Excel乱码

    .net 生成Excel乱码,如果你一直在乱码,怎么改GB2312和UTF-8也没用,那试试下面的方法吧  HttpContext.Current.Response.AppendHeader(&quo ...

  4. memcached 安装

    安装 memcached 需要 三部1,下载 memcached 放到php目录将php_memcached.dll 放到php的ext 目录 2,打开管理员命令,将memcached 拖拉到命令中, ...

  5. 保存BASE64编码图片

    1.前端上传用户图片时,一些K数较小图片,头像图标等 .以bass64编码后的字符串传到服务器. 2.服务器接收并保留到本地. // 页面上点击保存 $.post('/imgupload/save', ...

  6. Qt webKit可以做什么&lpar;四&rpar;--实现本地QObject和JavaScript交互

    Qt webKit可以做什么(四)--实现本地QObject和JavaScript交互 Qt webKit可以做什么(四)--实现本地QObject和JavaScript交互

  7. hdu 4782 Beautiful Soupz

    模拟.其实这题就是题目比较长而已...读完题目就差不多了.tag直接读就可以了,题目说了不用修改.然后整个题目就是让求text部分,严格按空格分开.注意每行前面空格个数. #include<al ...

  8. c&num;扩展方法的使用

    "扩展方法使您能够向现有类型"添加"方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型." 1.为什么会有扩展方法 你一定很疑问什么是扩展方法!什么 ...

  9. Core Location实现定位

    2013/4/22记录: 注意:如非必要,不应该多次轮询位置信息i 使用时,可根据需要制定精度,通过仔细制定所需的绝对最低精度级别,可以纺织不必要的电池消耗.    导入:CoreLocation.f ...

  10. 获取网页title(还有一坑未填)

    def getTitle(self,url): #get title title = 'time out' try: self.res = requests.get(url,timeout=5) so ...