前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android shape 绘制图形的实例详解

Android shape 绘制图形的实例详解

作者头像
砸漏
发布2020-10-22 11:23:51
3980
发布2020-10-22 11:23:51
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

Android shape 绘制图形

Android 绘制图形可以使用shape也可以使用自定义控件的方式,这里我们说下shape的方式去实现。

在绘制图形之前,我们先来了解下shape的几个属性。

shape

/*
 * 线行 圆形 矩形
/
android:shape="line" 
android:shape="oval" android:shape="rectangle"

size

图形的大小

<size
    android:height="30dp"
    android:width="30dp"

    / 

stroke 边框属性

<!--
边框的颜色
边框的宽度
虚线的长度
虚线之间的间隙

 -- 
<stroke
  android:color= "#ff0000"
  android:width= "4dp"
  android:dashWidth= "10dp"
  android:dashGap= "4dp"
  / 

corners 属性

<corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp"
    / 

solid 绘制背景颜色属性

<solid
    android:color="#F05F4C"
    / 

gradient 颜色渐变属性

<gradient
    android:angle="0"
    android:centerColor="#ff00ff"
    android:endColor="#55ff00"
    android:startColor="#ffcdcd" </gradient 

padding 内边距属性

<!-- 内边距 -- 
  <padding
    android:left="10dp"
    android:right="10dp"
    android:top="10dp"
    android:bottom="10dp"
    / 

以上是绘制图形常用的属性,现在我们绘制这张图片中的内容

<TextView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:text="12"
    android:gravity="center"
    android:textColor="#ffffff"
    android:background="@drawable/text"
    / 

shape绘制

<?xml version="1.0" encoding="utf-8"? 
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="oval"
   
  <corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp"
    / 
  <size
    android:width="30dp"
    android:height="30dp"
    / 
  <stroke
    android:width="1dp"
    android:color="#ffffff" / 
  <solid
    android:color="#F05F4C"
    / 

</shape 

以上就是关于Android shape 绘制图形的实例,本站对于Android View或组件重写的文章还很多,大家可以搜索参阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档