描边

iOS 简单的使用UIBezierPath绘制

夙愿已清 提交于 2019-12-09 17:28:32
UIBezierPath这个类呢主要用于绘图。 之前的项目中需要绘图的部分都是用Core Graphics来绘制,OC是我的第一门语言,所以对于Core Graphics的C语言API不太适应,最近发现原来苹果的UIKit中已经对Core Graphics做了一些简单的封装,UIBezierPath就是其中一个。UIBezierPath已经完全满足了我对绘图的一些基本要求。 UIBezierPath的好处显而易见。 * 首先它是OC语言的,相对于c语言的Core Graphics来说更为平易近人。 * 其次它能够使用ARC,如果我们直接使用CGPathRef的话,还要自己负责在合适的时候释放。 现在我就根据自己的使用来做一下简单记录。 使用 UIBezierPath的使用相当简单,分为三步: * 创建path * 添加路径到path * 将path绘制出来 例如我们来画条线: // 创建path UIBezierPath *path = [UIBezierPath bezierPath]; // 添加路径[1条点(100,100)到点(200,100)的线段]到path [path moveToPoint:CGPointMake(100 , 100)]; [path addLineToPoint:CGPointMake(200, 100)]; // 将path绘制出来 [path

Android shape

这一生的挚爱 提交于 2019-12-03 01:59:15
shape 理解     shape就是对view背景进行修改调整的一个属性文件,可以任意更改view的形状,颜色等。它作为一个drawable文件,放在项目的res/drawable目录下,使用时候,需要放在view的background属性下。 属性 corners     定义四个角 属性 解释 android:radius=“dimension” 全部的圆角半径 android:topLeftRadius=“dimension” 左上角的圆角半径 android:topRightRadius=“dimension” 右上角的圆角半径 android:bottomLeftRadius=“dimension” 左下角的圆角半径 android:bottomRightRadius=“dimension” 右下角的圆角半径 solid     定义内部颜色 android:color="#ffff00" 颜色 gradient      定义渐变色,可以定义两色渐变和三色渐变,及渐变样式 属性 解释 android:type=[“linear” | “radial” | “sweep”] 共有3中渐变类型,线性渐变(默认)/放射渐变/扫描式渐变 android:angle=“integer” 仅对线性渐变有效, 渐变角度,必须为45的倍数,0为从左到右,90为从上到下

android shape 自定义形状 属性

烂漫一生 提交于 2019-12-03 01:59:03
1.ui情况 一个按钮,被一个圆环套着;一般,就是直接让人家切;可以不切呢; 其实,通用的方法;自己写shape 代码如下: <?xml version="1.0" encoding="utf-8"?> < shape xmlns:android = "http://schemas.android.com/apk/res/android" > android:shape="rectangle"> <!--设置圆角渐变颜色--> <!--<gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF" android:angle="270" />--> <!--设置内容离边界的距离--> <!-- <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp" />--> <!-- <!–设置填充颜色–> <solid android:color="@color/white" />--> <!--设置描边颜色--> < stroke android:width = "2.0dip" android:color = "#e7e7e7" android:dashWidth = "3.0dip"

Android 动态设置Shape

淺唱寂寞╮ 提交于 2019-12-03 01:07:26
引言:之前涉及到设置view背景的地方几乎都是通过写 <shape> 标签的方式实现的。慢慢的,项目里的xml越来越多,命名都成问题了!于是就想用动态设置shape的方式来替换静态配置shape标签。 静态配置shape 这个不多说了,梯子备好了,自行前往! https://developer.android.google.cn/guide/topics/resources/drawable-resource.html#Shape 里面有非常详细的介绍。包括shape 等标签参数介绍、使用规则、映射的Drawaable。 这里对形状可绘制对象的描述感觉有点出入,写的是创建ShapeDrawable,但是进入对应的条目后发现是GradientDrawable. 动态设置shape 想要动态配置,首先需要知道在xml中写的 <shape> , <selector> , <level-list> 等标签的映射对象是什么。这里有个插曲,最开始我也以为 <shape> 标签对应的就是ShapeDrawable呢,写的时候发现没法描边(Stroke), 试了两种方案 1.通过设置描边画笔,给paint设置宽度和颜色;2.用LevelListDrawable 通过设置多个层一个填充层,一个描边层来组合。结果这两种方法都不行,后来才去翻的源码。从view.setBackgroundResource

Shape属性详解

强颜欢笑 提交于 2019-12-03 01:04:40
Android中常常用Shape来定义控件显示的属性,一般利用R.Drawable.id来进行访问设置背景等属性。 作用:XML中定义的几何形状 位置:res/drawable/文件的名称.xml,在这里详细介绍各个属性以及标签的意义。 <?xml version="1.0" encoding="utf-8"?> <!-- android:shape=["rectangle" | "oval" | "line" | "ring"] shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring) 下面的属性只有在android:shape="ring"时可用: android:innerRadius 尺寸,内环的半径。 android:innerRadiusRatio 浮点型,以环的宽度比率来表示内环的半径, 例如,如果android:innerRadiusRatio,表示内环半径等于环的宽度除以5,这个值是可以被覆盖的,默认为9. android:thickness 尺寸,环的厚度 android:thicknessRatio 浮点型,以环的宽度比率来表示环的厚度,例如,如果android:thicknessRatio="2", 那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的

Android中shape的子标签以及本身属性-总结

随声附和 提交于 2019-12-03 00:59:40
shape简单使用 简介 从其名字可以理解,shape就是形状嘛。 至于怎么理解shape可以参照图片,我可以加载一个图片作为我的background,那么同理我也可以加载一个shape作为background 有何区别呢?用代码写的shape要比直接加载png或.9文件占用更少的内存,性能更好 简单案例: <?xml version="1.0" encoding="utf-8"?> 然后在相应的控件中指定background即可。 shape子标签 corners — 中文翻译成角落,可以理解成圆角 其中又有: radius 所有圆角半径 toLeftRadius toRightRadius bottomLeftRadius bottomRightRadis gradient 用来定义渐变色的,可以定义两色渐变和三色渐变,以及渐变样式,属性有: type:linear, radial,sweep,分别为线性(左到右直线渐变)、放射(中心为放射点)、扫描(雷达扫描~)渐变 angle:渐变角度,必须为45的倍数,0为从左到右 90为从上到下 仅对线性渐变有效 以下三个是通用的: startColor 渐变开始点的颜色 centerColor 渐变中点的颜色,在开始与结束中间 endColor 渐变结束点的颜色 以下三个是仅用于放射渐变: centerX 渐变中心点X的相对位置

ps如何制作和使用印章教程

匿名 (未验证) 提交于 2019-12-03 00:32:02
在一些高调色彩的照片中,背景有较大的白色空间,构图不相称给人感觉空洞无物。这时如象画图一样在空间处盖一红色的印章,可能其结果会大有改观。下面我给大家介绍用PS制作印章的方法,很方便的把自己心仪的印章盖上。   用PS制作印章有二种方法,一是如果你是篆刻的爱好者或已有一枚心爱的印章或可篆刻一枚;二是什么都没有,也可利用PS工具制作。先介绍第一种方法:   第一步:1、端端正正把已有的印章钎盖在纸上;   2、用照相机翻拍或复印钎盖纸上的印章;   3、进入PS软件,打开印章文件。 第二步:调出“图像/调整/曲线”,调整曲线,提高图像亮度。 第三步:调出“图像/调整/曲线”,调整曲线,提高图像对比度。 第四步:1、调出“选择/色彩范围”,用吸管选择红色;   2、点击色彩选择框里的“确定”,红色图形被选上。 蚂蚁线包括的红色区域被选上。 第五步:预设画笔 1、调出“编辑/定义画笔预设”,在画笔名称框里填上其名称;   2、点击确定,选定的图案被作为画笔工具保存在画笔工具箱里。 第六步 使用过程:1、选择印章颜色,通常是红色(R=255,G=0,B=0);   2、选工具箱里的画笔,并确定其尺寸;   3、移动鼠标到指定位置,点击左键,便可。 第七步 显示结果: 下面介绍用PS软件制作印章的方法:   第一步: 1、点击菜单“文件/新建/”,新建一白色的画纸;   2

shape的属性详解

好久不见. 提交于 2019-12-02 23:07:47
shape的属性解释 属性 shape 属性 rectangle 矩形(默认) oval 椭圆 line 直线 ring 环形 2.基本属性 基本属性 描述 Corners 圆角 Solid 内部填充颜色 Gradient 渐变色 Stroke 这是描边属性,可以定义描边的宽度,颜色,虚实线等 padding 内部边距 Corners android:radius=“dimension” 全部的圆角半径 android:topLeftRadius=“dimension” 左上角的圆角半径 android:topRightRadius=“dimension” 右上角的圆角半径 android:bottomLeftRadius=“dimension” 左下角的圆角半径 android:bottomRightRadius=“dimension” 右下角的圆角半径 Solid android:color=“color” 填充颜色 Gradient android:type=[“linear” | “radial” | “sweep”] 3中渐变类型,线性渐变(默认)/放射渐变/扫描式渐变 android:angle=“integer” 渐变角度,必须为45的倍数,0为从左到右,90为从上到下 (只对线性渐变有效) android:centerX=“float” 渐变中心X的相当位置

Android中shape属性详解

瘦欲@ 提交于 2019-12-02 23:03:28
一 Android 中shape 属性详解 shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring) android:shape=["rectangle"| "oval" | "line" | "ring"] 基本属性(corners、gradient、padding、size、solid、stroke) 1、corners 定义圆角 android:radius="dimension" //全部的圆角半径 android:topLeftRadius="dimension" //左上角的圆角半径 android:topRightRadius="dimension" //右上角的圆角半径 android:bottomLeftRadius="dimension" //左下角的圆角半径 android:bottomRightRadius="dimension" /> //右下角的圆角半径 Corners标签是用来字义圆角的,其中radius与其它四个并不能共同使用。 2、solid solid用以指定内部填充色 只有一个属性:color 3、gradient gradient用以定义渐变色,可以定义两色渐变和三色渐变,及渐变样式,它的属性有下面几个: gradient android:type=["linear" |

Canvas 总结,到第4章 canvas图形变换

徘徊边缘 提交于 2019-12-02 14:19:22
1 canvas 必须认识到的大坑 2 <!-- 重点: 3 在js/canvas标签中定义的宽和高是画布实际的宽和高。 4 在样式表中定义的宽和高是画布缩放后的宽和高。 5 即:把js/canvas实际大小缩放到css中的宽高即可。浏览器中显示的效果是css中设置的宽高。 6 7 一,没有设置canvas宽高,默认是300px*150px。设置canvas在浏览器中的实际宽高,必须在canvas标签或者使用js进行设置。而使用css进行设置的宽高是进行缩放后大小,与实际位置不同。 8 9 1,<canvas id="mycanvas" class="mycanvas" width="200px" height="200px">您的浏览器不支持canvas标签</canvas> 10 2, var mycanvas = document.querySelector("#mycanvas"); 11 var ctx = mycanvas.getContext('2d');//2d画布环境 12 mycanvas.width=400; //这里没有单位 13 mycanvas.height=300; //这里没有单位 14 --> 15 <!DOCTYPE html> 16 <html lang="en"> 17 <head> 18 <meta charset="UTF-8"> 19