Shape介绍

前言

介绍

可以发现,这个Shape是在android.graphics.drawable.shapes.Shape包下。

定义一个通用的图形“形状”。

任何形状都可以用自己的draw()方法绘制到画布上,但如果将其传递给ShapeDrawable,则可以使用更多的图形控件。

自定义Shape类必须实现clone()并返回自定义Shape类的实例。

PathShape

使用Path类创建几何路径。

可以使用draw()方法将路径绘制到Canvas,但如果将PathShape传递给ShapeDrawable,则可以使用更多的图形控件。

构造方法

PathShape(Path path, float stdWidth, float stdHeight)

可以看出来需要传递三个参数:
path:定义此形状的几何路径的路径,该值不能为空。
stdWidth:形状的标准宽度。 使用resize()对宽度进行的任何更改都会导致根据新宽度除以此宽度来缩放宽度。
stdHeight:形状的标准高度。 使用resize()对高度进行的任何更改都会导致根据新高度除以此高度来缩放高度。

源码中构造方法一:
 public PathShape(Path path, float stdWidth, float stdHeight) {
        mPath = path;
        mStdWidth = stdWidth;
        mStdHeight = stdHeight;
    }
源码中第二步
 @Override
    protected void onResize(float width, float height) {
        mScaleX = width / mStdWidth;
        mScaleY = height / mStdHeight;
    }
源码中第三步
 @Override
    public void draw(Canvas canvas, Paint paint) {
        canvas.save();
        canvas.scale(mScaleX, mScaleY);用指定的比例预先缩放当前矩阵。
        canvas.drawPath(mPath, paint);使用指定的绘画绘制指定的路径。 路径将是填充或框架根据油漆中的风格。
        canvas.restore();
    }

例子

      
//下面定义TextView
<TextView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:id="@+id/textview_test_activity"
        />
Path path = new Path();
        path.moveTo(50, 0);
        path.lineTo(0, 50);
        path.lineTo(50, 100);
        path.lineTo(100, 50);
        //封闭前面点所绘制的路径
        path.close();

        ShapeDrawable mDrawables = new ShapeDrawable(new PathShape(path, 100, 100));

        //单位都是相应的px,这里按照1:2的比例来计算,
        //400 除以 100 = 4
        //400 除以 100 = 4
        //缩放比例,比如是px = 50 ,那么就要放大到4*50 = 200px地方,那么也就是400的一半
        //竖着也是同理,所以就出现了如下的图
        //在这个上面在绘制,相应的像素的距离,不够的话,就不能展示了。
        mTextView.setBackground(mDrawables);

结果:


image.png

下面的红色正方形只是用来比较的。看看结果对不对。

RectShape

它还有三个子孩子ArcShape、OvalShape、RoundRectShape、
其构造方法:

RectShape()

例子

        RectShape rectShape = new RectShape();
        ShapeDrawable drawable2 = new ShapeDrawable(rectShape);
        drawable2.getPaint().setColor(Color.BLUE);
        drawable2.getPaint().setStyle(Paint.Style.FILL);
        mTextView.setBackground(drawable2);

结果:


结果

ArcShape

创建一个弧形。 弧形从一个特定的角度开始,顺时针方向扫描,绘制出馅饼片。

可以使用自己的绘图(Canvas,Paint)方法将弧线绘制到Canvas,但是如果将ArcShape传递给ShapeDrawable,则可以使用更多的图形控制。

构造方法

ArcShape(float startAngle, float sweepAngle)

例子

        ArcShape arcShape = new ArcShape(30, 180);
        ShapeDrawable drawable4 = new ShapeDrawable(arcShape);
        drawable4.getPaint().setColor(Color.YELLOW);
        drawable4.getPaint().setStyle(Paint.Style.FILL);
        mTextView.setBackground(drawable4);

从30度开始,这个坐标系是以手机的坐标系为准的。然后旋转一定的角度。

image.png

OvalShape

定义一个椭圆形状。

椭圆可以使用自己的draw()方法绘制到画布上,但是如果将OvalShape传递给ShapeDrawable,则可以使用更多的图形控件。

       OvalShape ovalShape = new OvalShape();
        ShapeDrawable drawable1 = new ShapeDrawable(ovalShape);
        drawable1.getPaint().setColor(Color.BLUE);
        drawable1.getPaint().setStyle(Paint.Style.FILL);
        mTextView.setBackground(drawable1);

结果


结果

说明:
这个其实可以理解为画一个圆形,但是这里为啥是椭圆,是因为原来的控件给定的宽高所决定。

RoundRectShape 圆角矩形

创建一个圆角矩形。 或者,可以包含一个插入(圆角)的矩形(做成“O”形)。

圆角矩形可以用自己的draw()方法绘制到画布上,但如果将RoundRectShape传递给ShapeDrawable,则可以使用更多的图形控件。

构造方法:

RoundRectShape(float[] outerRadii, RectF inset, float[] innerRadii)

参数一:指定外部矩形的弧度
参数二:执行内部矩形与外部矩形的距离
参数三:内部矩形的弧度

例子

// 外部矩形弧度
        float[] outerR = new float[] { 10, 10, 10, 10, 10, 10, 10, 10 };
        // 内部矩形与外部矩形的距离
        RectF inset = new RectF(50, 50, 50, 50);
        // 内部矩形弧度
        float[] innerRadii = new float[] { 20, 20, 20, 20, 20, 20, 20, 20 };

        RoundRectShape rr = new RoundRectShape(outerR, inset, null);
        ShapeDrawable drawable = new ShapeDrawable(rr);
        //指定填充颜色
        drawable.getPaint().setColor(Color.YELLOW);
        // 指定填充模式
        drawable.getPaint().setStyle(Paint.Style.FILL);

        mTextView.setBackground(drawable);

结果


结果

总结

通过这篇文章,进行了简单的总结。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,542评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,822评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,912评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,449评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,500评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,370评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,193评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,074评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,505评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,722评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,841评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,569评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,168评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,783评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,918评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,962评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,781评论 2 354

推荐阅读更多精彩内容