首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >C003Android学习笔记-初级控件(三)

C003Android学习笔记-初级控件(三)

作者头像
訾博ZiBo
发布2025-01-06 14:13:52
发布2025-01-06 14:13:52
11700
代码可运行
举报
运行总次数:0
代码可运行

一、图形基础

1、图形Drawable

概述:

Android把所有显示出来的图形都抽象为Drawable(可绘制的),这里的图形不止是图片,还包括色块、画板、背景等;

引用Drawable文件可分为两种情况:

①使用setBackgroundResource和setImageResource方法,可直接在参数中指定drawable文件的资源ID,例如R.drawable.xxx;

②使用setBackgroudDrawable、setImageDrawable和setCompoundDrawables等方法,参数是Drawable对象,这时需要从资源文件里生成Drawable对象,例如:Drawable drawable = getResource().getDrawable(R.drawable.xxx);

2、状态列表图形

 一般drawable是静态图形,但Button点击的时候呈现了一个动态的背景以对用户的点击进行反馈。

根据不同的触摸情况变更图形显示,这种情况会用到Drawable的一个子类StateListDrawable,该子类在XML文件中定义不同状态时呈现的图形列表;

示例:
代码语言:javascript
代码运行次数:0
运行
复制
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_home_show" android:state_selected="true"/>
    <item android:drawable="@drawable/ic_home_hide"/>
</selector>

上面示例的中点在于android:state_selected="true",当state_selected为true的时候表示被选中时候显示的图形,另一个图形是其他情况下显示的图形;

状态类型取值说明:

3、形状图形

还有一种常用的XML图形文件,就是shape图形;

形状图形的i定义文件是以shape为根节点,有以下6个子节点:corners(圆角)、gradien(渐变)、padding(间隔)、size(尺寸)、solid(填充)、stroke(描边),各节点的属性主要是长宽、颜色、角度以及颜色;

shape:

shape是图形XML的根节点,用来描述图形是哪种几何图形,下面是常用属性:

shape字符串类型,图形的形状,取值如下:

corners:

corners是shape的下级节点,用来描述4个圆角的规格定义,若无corners节点则表示无圆角,常用属性如下:

gradient:

gradient是shape的下级节点,用来描述形状内部的颜色渐变定义,如无此节点,则无颜色渐变,下面是gradient节点的常用属性:

padding:

padding是shape的下级节点,用来描述形状图形与周围视图的间隔大小,若无,则无间隔,下面是padding节点的常用属性:

size:

size是shape的下级节点,用来描述形状图形的尺寸大小(高度和宽度),若无,则表示宽高自适应,下面是size节点的常用属性:

solid:

solid是shape的下级节点,用来描述形状图形的填充色彩,若无,则无填充颜色,下面是solid节点的常用属性:

color:颜色类型,内部填充的颜色;

stroke:

stroke是shape的下级节点,用来描述形状图形四周边线的规格定义,若无,则无描边,下面是常用属性:

在实际开发中常用到的节点有3个:corners(圆角)、solid(填充)、stroke)(描边),shape根节点的属性一般不要设置,默认矩形就可以了;

4、九宫格图片

拉伸图形时至对其内部进行拉伸,详细使用时再做探究;

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-01-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、图形基础
    • 1、图形Drawable
      • 概述:
      • 引用Drawable文件可分为两种情况:
    • 2、状态列表图形
      • 示例:
      • 状态类型取值说明:
    • 3、形状图形
      • shape:
      • corners:
      • gradient:
      • padding:
      • size:
      • solid:
      • stroke:
    • 4、九宫格图片
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档