ShapeDrawable的简单实用

ShapeDrawable图形详解
最新推荐文章于 2022-07-28 19:52:44 发布
最新推荐文章于 2022-07-28 19:52:44 发布
阅读量721 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 日常总结 文章标签： shape
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/githubzzggxx/article/details/77430113
本文介绍了ShapeDrawable图形的基本概念，包括其特点、应用场景及如何利用它来优化UI设计。重点讲解了四种基本图形：矩形（rectangle）、椭圆（oval）、线（line）和环（ring），并探讨了它们的共同属性如圆角（corners）、填充颜色（solid）、描边（stroke）和间距（padding）。此外，还提供了实践案例供读者参考。

1总括:

shape图形可以理解为我们程序员自己画的UI图,就是一张drawable图形,注意这里可以是纯色或者渐变色,当然渐变色这个比较多样,暂且不在我们的讨论范围.我在这里直接的叫做图形而不叫做图片是因为他是"画"出来,就是说有自己的路径,有些类似于path动画,有自己扩大的特性,自适应的,不像图片会拉伸变形一般.再者就是他比较节省内存,有利于apk的瘦身等.

2,有哪几种图形呢?

四种:rectangle,oval,line,ring.最常用的就属rectangle和line,为什么,就是因为我们Android中的控件都是方的,哈哈.而且一般都是作为背景的,他的大小会随着我们view的大小而进行自己大小的变化

3,有什么属性

以上四种均具有一下的特性:

corners:四周的倒圆角好理解.

gradient:渐变色,不做讨论

solid:填充的颜色,与上边的对立,注意其中是可以填充透明色的,再加一个描边起步更好,haha

stroke:描边,其中的颜色,宽度,线长,线间距自己一看就会的,尝试下就知道了,不用刻意记忆,你也记不住的

padding:shape与将要填充view的间距

size:没啥意义,就是会填充将要填充的对象的,没啥意义,时机工作中也不怎么设置这个

4,怎么办?

知道其中的大概方式架构,用的时候自己组合即可.会最常用的即可,不用面面俱到深刻理解.

5,推荐:开发艺术探索

6,我的简单使用

https://github.com/zzggxx/ShapeDrawable

OSG中FlightManipulator (飞行操纵器)
深之JohnChen的专栏
09-05 180
cpp// 设置初始位置和方向// 初始位置 (X, Y, Z)// 初始朝向向量// 或者使用setByMatrix设置完整的变换cpppublic:// 重写键盘处理方法std::cout << "加力燃烧: " << (_afterburnerEnabled?"启动" : "关闭") << std::endl;// 重写加速度计算// 加力燃烧时加速度翻3倍private:// 使用自定义飞行操作器六自由度控制：完全自由的移动和旋转物理模拟。
Android UI美化之Shape Drawable的使用
司光鹏的技术博客
10-28 1144
想美化一下程序里的EditText，发现网上关于美化的文章较少，即使有也大多是直接翻译文档，索性一边研读一边写例子。 先看一下文档对Shape Drawable的描述： Shape DrawableAn XML file that defines a geometric shape, including colors and gradients. Creates aShapeDrawabl
Drawable的使用——ShapeDrawable
那些年我们一起写的代码
04-24 631
ShapeDrawable在开发过程中经常用到，可以理解为通过颜色来构造的图片，可以是纯色的，也可以是渐变色的。 对应的是标签，由于这个经常用到，这里只展示个简单的效果 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" ...
Material Desion之Shape与shadow原理实现
weixin_40888127的博客
02-05 1552
文章目录1、与shape相关类的功能及关系概述2、边角绘制流程3、兼容shadow绘制流程 1、与shape相关类的功能及关系概述 在Material Design的shape包下的MaterialShapeDrawable类是用来展示Material Shape的阴影，高程，比例和颜色的。MaterialShapeDrawable是Drawable的子类，其主要的展示逻辑在draw()方法里，先看一下与shape有关的类图： MaterialShapeDrawable类里有一个内部类MaterialSh
Android ShapeDrawable使用
随风的博客
06-20 1855
在drawable目录下新建shape文件并非shapeDraawable,而是GrdientDrawable，真正ShapeDrawable的使用见http://zhchzh1000.iteye.com/blog/747620
ShapeDrawable用法详解
witernie的专栏
02-13 3255
ShapeDrawable用法详解 目录ShapeDrawable用法详解 目录 Shape xml文件编写方式 shape图形属性 corners 圆角效果 gradient 渐变效果 solid 填充色单一色 stroke 描边 padding 空白 size shape的大小Shape xml文件编写方式<?xml version="1.0" encoding="utf-8"?>
动态绘制图形：Android自定义View与ShapeDrawable实践
Android 开发中，ShapeDrawable 是一种非常实用的图形资源，通常用于绘制简单的几何图形。虽然在大多数情况下，我们会使用 XML 来定义 ShapeDrawable 的样式，但在某些特定场景下，通过自定义 View 来动态地绘制图形...
大阪Tech Institute实用UI设计讲座内容总结
资源摘要信息:"TechInstitutePracticalUI是大阪Tech Institute第八期讲座的资料，涉及2015年3月15日提供的关于Android UI开发的实用技术。本资料包含了一系列的文件夹，每个文件夹都对应着一个特定的UI开发主题和...
ClipDrawable让开发变得更简单
热门推荐
frank 的专栏
12-09 1万+
ClipDrawable让开发更简单Android开发者对Drawable自然是无比熟悉，Drawable代表一类可以绘制的东西，它有许多继承类，常见的就是BitmapDrawable，此外ShapeDrawable,LayerListDrawable也用得比较多，这篇文章讲另外一个比较常见的类ClipDrawable。ClipDrawable非常简单，写博客是因为觉得它非常好用，有时候合理的运用能
drawable工具类
05-17
总之，`drawable工具类` 是Android开发中一种实用的设计模式，它可以帮助我们更好地管理和定制图形元素，提升应用的用户体验。通过学习和掌握此类工具的使用，开发者可以更加熟练地驾驭Android的UI系统，创造出独具...
ShapeDrawable实例
11-10
关于ShapeDrawable的应用实例
Android-一个简单的materialdesignapp介绍拥有很酷的动画和简单API
08-12
material-intro：一个简单的material design app介绍拥有很酷的动画和简单API
初学Android,使用Drawable资源之使用ShapeDrawable资源(十五)
lee576的专栏
08-03 4223
ShapeDrawable比较简单,用来定义一个基本几何图形,XML的根元素是下面定义三个shape资源my_shape_1.xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <padding androi
Drawable系列(二)——ShapeDrawable的属性和使用介绍
七淅的博客
09-28 3619
本文为博主原创文章，转载请注明出处:http://blog.youkuaiyun.com/czd3355/article/details/52691067一、ShapeDrawable的属性汇总<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape=["rectangle" | "oval"
Android MaterialShapeDrawable
xiangxiongfly
12-21 3138
文章目录Android MaterialShapeDrawable说明基本使用圆角效果切角效果标注效果内边三角形外边三角形气泡阴影源码下载 Android MaterialShapeDrawable 说明 CornerTreatment：角样式 RoundedCornerTreatment：圆角样式 CutCornerTreatment：切角样式 EdgeTreatment：边样式 TriangleEdgeTreatment：三角形 MarkerEdgeTreatment：标记点 O
ShapeDrawable
jinhuikang的博客
04-27 378
如何创建Drawable下的文件 用来定义 形状的 Drawable，根节点 shape，子节点比较多 属性 shape 下的属性 android:shape：rectangle（矩形） ，ring （圆），line （线），oval （椭圆） visible:设置是否可见 感觉没效果 android:innerRadius 内圆半径 innerRadiusRatio 内圆半径比率 ...
Android 控件 圆角描边 MaterialShapeDrawable
Originality_special的博客
06-25 1622
最近UI 一直出现不统一的背景色,不同的圆角,四个角度不同背景描边都不同,我只能不停的去写drawable布局,稍微有点不同就是就去创建不同的drawable,巨烦.所以写了这了一个工具类,永远解决不同UI控件的问题. 不说废话 直接上图: ...
Android MaterialShapeDrawable 阴影
chuyouyinghe的专栏
07-28 1623
方便开发人员给控件添加样式。
控件 圆角描边 MaterialShapeDrawable 阴影
chuyouyinghe的专栏
07-28 498
原文链接https//blog.youkuaiyun.com/Originality_special/article/details/118222330。版权声明本文为优快云博主「软件熊猫」的原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接及本声明。Java没有kotlin调用这种多参方便,没办法指定传那个参数,如果想改变最后一个角就必须把前面的也都传值.ControlsTheRoundedKt是顶层方法就是上面的roundedCorners代码名字。...
ShapeDrawable常用函数
最新发布
09-07
`ShapeDrawable` 是 Android 中用于绘制自定义形状的类，它继承自 `Drawable`，常用于在代码中动态创建图形。虽然通常通过 XML 的 `<shape>` 标签来定义图形，但也可以通过 Java/Kotlin 代码动态创建和操作 `ShapeDrawable`。 ### 一、ShapeDrawable 常用函数和操作： #### 1. 创建 ShapeDrawable 实例 ```java // 创建一个默认的矩形 ShapeDrawable ShapeDrawable shapeDrawable = new ShapeDrawable(); ``` 或指定形状类型： ```java ShapeDrawable shapeDrawable = new ShapeDrawable(new RectShape()); ``` #### 2. 设置形状类型（Shape） Android 提供了多种内置形状类： - `RectShape`：矩形 - `OvalShape`：椭圆 - `ArcShape`：圆弧 - `RoundRectShape`：圆角矩形 ```java shapeDrawable.setShape(new OvalShape()); // 设置为椭圆 ``` #### 3. 设置颜色（Paint） ```java shapeDrawable.getPaint().setColor(Color.RED); ``` #### 4. 设置边框（Stroke） ```java shapeDrawable.getPaint().setStyle(Paint.Style.STROKE); // 设置为描边 shapeDrawable.getPaint().setStrokeWidth(5); // 设置边框宽度 shapeDrawable.getPaint().setColor(Color.BLACK); // 设置边框颜色 ``` #### 5. 设置圆角（仅限 RoundRectShape） ```java float[] radii = new float[] { 20, 20, 20, 20, 20, 20, 20, 20 }; // 每个角两个值：x、y 半径 RoundRectShape roundRect = new RoundRectShape(radii, null, null); ShapeDrawable shapeDrawable = new ShapeDrawable(roundRect); ``` #### 6. 设置渐变背景（Gradient） 虽然 `ShapeDrawable` 不直接支持渐变，但可以通过自定义 `Shader` 实现： ```java Shader shader = new LinearGradient(0, 0, 100, 100, Color.RED, Color.BLUE, Shader.TileMode.MIRROR); shapeDrawable.getPaint().setShader(shader); ``` #### 7. 设置大小（Bounds） ```java shapeDrawable.setBounds(0, 0, 200, 100); // 设置绘制区域 ``` #### 8. 在 View 中使用 ```java View view = findViewById(R.id.my_view); view.setBackground(shapeDrawable); ``` --- ### 二、完整示例代码（Kotlin）： ```kotlin val shapeDrawable = ShapeDrawable(RectShape()) shapeDrawable.paint.color = Color.parseColor("#FFA500") shapeDrawable.paint.style = Paint.Style.FILL_AND_STROKE shapeDrawable.paint.strokeWidth = 4f shapeDrawable.setBounds(0, 0, 300, 150) val view: View = findViewById(R.id.my_view) view.background = shapeDrawable ``` --- ### 三、总结 | 功能 | 方法 | |------|------| | 设置形状 | `setShape(Shape)` | | 设置颜色 | `getPaint().setColor()` | | 设置边框 | `getPaint().setStyle(STROKE)` | | 设置渐变 | `getPaint().setShader()` | | 设置大小 | `setBounds()` | ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值