首页 > 其他分享 >Android入门教程 | res资源目录简介与shape的绘制和使用

Android入门教程 | res资源目录简介与shape的绘制和使用

时间:2023-09-08 11:36:16浏览次数:42  
标签:XML 文件 xml res 入门教程 shape 目录 资源

res资源目录简介

简单介绍Android工程中的资源目录(resources),res。

Android里的资源指的是什么?

资源是指代码使用的附加文件和静态内容,例如位图、布局定义、界面字符串、动画说明等。

Android入门教程 | res资源目录简介与shape的绘制和使用_xml

把资源放进对应的目录后,可使用在项目 R 类中生成的资源 ID 来访问这些资源。形如 R.drawable.icon,R.layout.main_activity。 R类是自动生成的。代表resources。

分组资源类型

将各类资源放入项目 res/ 目录的特定子目录中。 子目录的名字特别重要。我们把不同的资源放到不同的子目录中。

  • animator/:用于定义属性动画的 XML 文件。
  • anim/:用于定义渐变动画的 XML 文件。(属性动画也可保存在此目录中,但为了区分这两种类型,属性动画首选 animator/ 目录。)
  • color/:用于定义颜色状态列表的 XML 文件。
  • drawable/:位图文件(.png、.9.png、.jpg、.gif)或编译为以下可绘制对象资源子类型的 XML 文件: 位图文件、九宫格(可调整大小的位图)、状态列表、形状、动画可绘制对象、其他可绘制对象。
  • mipmap/:适用于不同启动器图标密度的可绘制对象文件。应用图标放这里。 mipmap后面跟着的dpi类别,比如hdpi mdpi,里面的图标尺寸大小是不同的。可以参考默认图标的大小,来切App的图标。如果要省事,可以用一个图标复制进各个目录中。
  • layout/: 用于定义用户界面布局的 XML 文件。放 layout 文件。
  • menu/: 用于定义应用菜单(如选项菜单、上下文菜单或子菜单)的 XML 文件。
  • raw/:需以原始形式保存的任意文件。如要使用原始 InputStream 打开这些资源,请使用资源 ID(即 R.raw.filename)调用 Resources.openRawResource()。 但是,如需访问原始文件名和文件层次结构,则可以考虑将某些资源保存在 assets/ 目录(而非 res/raw/)下。assets/ 中的文件没有资源 ID,因此只能使用 AssetManager 读取这些文件。
  • values/:包含字符串、整型数和颜色等简单值的 XML 文件。其他 res/ 子目录中的 XML 资源文件会根据 XML 文件名定义单个资源,而 values/ 目录中的文件可描述多个资源。对于此目录中的文件, <resources style="box-sizing: inherit; margin-top: 0px; margin-bottom: 0px;"> 元素的每个子元素均会定义一个资源。例如,<string style="box-sizing: inherit;"> 元素会创建 R.string 资源,<color style="box-sizing: inherit;"> 元素会创建 R.color 资源。由于每个资源均使用自己的 XML 元素进行定义,因此您可以随意命名文件,并在某个文件中放入不同的资源类型。 但是,您可能需要将独特的资源类型放在不同的文件中,使其一目了然。 例如,对于可在此目录中创建的资源,下面给出了相应的文件名约定: arrays.xml:资源数组(类型数组)。 colors.xml:颜色值。 dimens.xml:尺寸值。 strings.xml:字符串值。 styles.xml:样式。
  • xml/:可在运行时通过调用 Resources.getXML() 读取的任意 XML 文件。各种 XML 配置文件(如可搜索配置)都必须保存在此处。
  • font/:带有扩展名的字体文件(如 .ttf、.otf 或 .ttc),或包含 元素的 XML 文件。

注意:切勿将资源文件直接保存在 res/ 目录内,因为这样会造成编译错误。

最开始阶段,我们接触比较多的是layout目录。如果要添加一些图片,可以直接放进drawable目录。

修改应用图标,应该放进mipmap对应的目录。例如mipmap-hdpi里的图标是72x72像素的,mipmap-mdpi是48x48像素的。 图省事的话,拿一个图标,分别复制进mipmap的所有dpi目录里,一定要统一文件名,比如ic_your_launcher.png。 然后在清单文件AndroidManifest.xml中,修改icon。

<application
        android:icon="@mipmap/ic_your_launcher"

后面如果我们要定义Button,TextView的一些样式,比如设置颜色,背景。会接触到drawable目录。

shape的绘制和使用

工程目录中有一个drawable文件夹,里面存放的是一些静态的图片资源文件。 比如位图文件(.png、.9.png、.jpg、.gif);或一些可绘制对象资源子类型的 XML 文件(本文称为drawable文件)。

当我们想给button或者TextView设定背景时,我们会想到纯色背景。如果要求圆角背景,或是渐变色背景,我们该如何实现呢? 一种办法是制作相应的美术素材,也就是切图。另一种办法是使用xml格式的资源文件。 本文要介绍的是shape。使用这类资源,可以完成一些比较简单的美术设计。

例子

接下来我们新建一个shape试试,要求带有外围边框,有圆角,里面用渐变色填充。 在res/drawable/目录中,右键新建一个Drawable Resource file文件,起名shape_rect_gradient_red.xml。 root element选择shape

代码:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="2dp"
        android:color="#0E30B1" />
    <corners android:radius="6dp" />
    <gradient
        android:centerColor="#F55353"
        android:endColor="#F71515"
        android:startColor="#FD7575" />
</shape>

as的右边可以打开预览,看看效果。 其中

  • android:shape="rectangle"表示的是选择长方形的形状。
  • stroke标签代表的是边框。里面设定边框宽度是2dp,边框颜色是#0E30B1。
  • corners标签代表的是圆角。如果不设置,则默认为直角。这里我们设定圆角的半径为6dp。
  • gradient表示渐变色。分别可以设置起始,中间和结束的颜色值。

在layout中,给Button的background设置使用这个shape。xml的文件名就是它的资源名称。

<Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shape_rect_gradient_red" />

再稍微完善一下这个Button。

<Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shape_rect_gradient_red"
        android:text="RFDev btn 1"
        android:textAllCaps="false"
        android:textColor="#ffffff" />

运行一下,可以看到效果。

Android入门教程 | res资源目录简介与shape的绘制和使用_xml_02

shape介绍

shape又称为“形状可绘制对象”。为了简便,以下都称作shape或者“shape文件”。 shape是一种在 XML 文件中定义的通用形状。经过编译后,可以得到GradientDrawable对象。

资源引用

  • 在 Java 中:R.drawable.filename
  • 在 XML 中:@package:drawable/filename

语法

上面那个栗子我们认识了几个元素,gradient,corners和stroke。下面是语法的详细介绍。

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape=["rectangle" | "oval" | "line" | "ring"] >
    <corners
        android:radius="integer"
        android:topLeftRadius="integer"
        android:topRightRadius="integer"
        android:bottomLeftRadius="integer"
        android:bottomRightRadius="integer" />
    <gradient
        android:angle="integer"
        android:centerX="float"
        android:centerY="float"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:useLevel=["true" | "false"] />
    <padding
        android:left="integer"
        android:top="integer"
        android:right="integer"
        android:bottom="integer" />
    <size
        android:width="integer"
        android:height="integer" />
    <solid
        android:color="color" />
    <stroke
        android:width="integer"
        android:color="color"
        android:dashWidth="integer"
        android:dashGap="integer" />
</shape>
圆角背景的例子

上文介绍了corners的用法。我们来看一个圆角背景的实现方法。 新建文件shape_btn_2_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#6CB3DD" />
    <corners android:radius="25dp" />
</shape>

在layout中给TextView使用这个背景。

<TextView
        android:id="@+id/tv1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@drawable/shape_btn_2_normal"
        android:gravity="center"
        android:text="RFDev 圆角背景TextView 1"
        android:textColor="#ffffff" />

TextView的高度设置成了50dp,而背景的圆角半径设置成了25dp。 运行可以看到效果。

Android入门教程 | res资源目录简介与shape的绘制和使用_xml_03

如果想要渐变色,再增加gradient的设置就好。

代码中使用资源

在java代码中使用资源,比如在activity中设置背景。

Resources res = getResources();
Drawable shape = ResourcesCompat.getDrawable(res, R.drawable.shape_btn_2_normal, getTheme());

TextView tv = (TextView)findViewById(R.id.tv1);
tv.setBackground(shape);

使用这种方式,我们可以自己实现一些简单的按钮效果。更复杂的颜色和效果,需要美术设计师的支持。

环形的例子

尺寸和长度自己设定。

环形 thumb_round_1.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#ffffff" />
    <stroke
        android:width="@dimen/audio_seek_bar_thumb_ring_width"
        android:color="#7095fc" />
    <size
        android:width="@dimen/audio_seek_bar_thumb_size"
        android:height="@dimen/audio_seek_bar_thumb_size" />
</shape>

带渐变的环形 thumb_round_progress_1.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <size
                android:width="@dimen/audio_seek_bar_thumb_size"
                android:height="@dimen/audio_seek_bar_thumb_size" />
            <solid android:color="#ffffff" />
        </shape>
    </item>
    <item>
        <shape
            android:innerRadius="4dp"
            android:thicknessRatio="6"
            android:shape="ring"
            android:useLevel="false">
            <gradient
                android:endColor="#ffffff"
                android:startColor="#7095fc"
                android:type="sweep" />
            <size
                android:width="@dimen/audio_seek_bar_thumb_size"
                android:height="@dimen/audio_seek_bar_thumb_size" />
        </shape>
    </item>
</layer-list>

Android入门教程 | res资源目录简介与shape的绘制和使用_XML_04

标签:XML,文件,xml,res,入门教程,shape,目录,资源
From: https://blog.51cto.com/u_16163452/7408002

相关文章

  • nginx + php procedures
    https://mkyong.com/nginx/nginx-php-on-windows/https://www.youtube.com/watch?v=loSNnt9ZzWI&ab_channel=javafrmhowtostopnginx?nginx-sstophowtostartnginx?startnginx......
  • 设计模式—职责链模式(Chain of Responsibility)
    目录思维导图什么是职责链模式?有什么优点呢?有什么缺点呢?什么场景使用呢?代码展示①、职责链模式②、加薪代码重构思维导图什么是职责链模式?使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系。将这个对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它......
  • Apktool编译时报error: No resource identifier found for attribute XXX in package
    问题描述使用apktool编译android源码时,报W:XXX.xml:X:error:Noresourceidentifierfoundforattribute'iconTint'inpackage'android'错误。解决方案这是由于API版本较低。处理方法:找到相应文件,把对应的属性删除掉,再重新编译。......
  • 界面控件DevExpress WinForms工具栏菜单组件,模拟流行办公软件!
    DevExpressWinForms的工具栏和菜单组件灵感来自于MicrosoftOffice,并针对WinForms开发人员进行了优化,可以帮助开发者快速模拟当下流行的办公软件应用程序。DevExpressWinForms有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且......
  • PostgreSQL 工具集 之 pgmetrics 详解
    pgmetrics介绍pgmetrics是一个开源的、零依赖的、单二进制的工具,它可以轻松收集和报告PostgreSQL指标,用于脚本编写、自动化和故障排除。pgmetrics从正在运行的PostgreSQL服务器收集350多个指标,并以易于阅读的文本格式显示,或者将其导出为JSON和CSV用于脚本编写。pgmetrics是......
  • 解决Found multiple records While trying to resolve alternate key.
    这是我的第503篇原创文章,写于2023年9月7日。碰到一个奇怪的问题,用户在界面上更新记录不报错,但是通过代码使用WebAPI来更新代码会报错,使用的是普通的更新代码:varclientUrl=Xrm.Utility.getGlobalContext().getClientUrl();varreq=newXMLHttpRequest();varrequestData={......
  • 【愚公系列】2023年09月 WPF控件专题 ProgressBar控件详解
    (文章目录)前言WPF控件是WindowsPresentationFoundation(WPF)中的基本用户界面元素。它们是可视化对象,可以用来创建各种用户界面。WPF控件可以分为两类:原生控件和自定义控件。原生控件是由Microsoft提供的内置控件,如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见......
  • OGG-将PostgreSQL通过OGG_BigData同步到Kafka后数据存在8小时时间差
    问题描述:将PostgreSQL通过OGG_BigData同步到Kafka后数据存在8小时时间差。 问题原因:kafka.properties中的参数goldengate.userexit.timestamp=utc解决办法:修改kafka.properties中的参数goldengate.userexit.timestamp为utc+8,然后重启目标端replicat进程。 ......
  • 抓包工具Wireshark使用教程
    抓包工具Wireshark使用教程 合集-抓包软件(4) 1.mitmproxy抓包工具2022-12-082.Fidder抓包工具2022-03-283.【保姆级教学】抓包工具Wireshark使用教程06-134.测试与爬虫—抓包神器之Charles08-04收起 wireshark介绍今天讲一下另一款底层抓包软件,之前写过......
  • .net core 请求网页的时候出现gzip压缩 respones返回的中文数据变成乱码
    解决方法:https://blog.csdn.net/lishenluo/article/details/105383323引用System.Text.Encoding.codePages包里面包含了解压缩转化中文gbkgb2312下面时具体的解压缩办法。publicstaticstringDecompressGzip(Streamstm){System.Text.Encoding.RegisterProvi......