美文网首页
Android 样式开发(一)shape篇

Android 样式开发(一)shape篇

作者: Charon_Pluto | 来源:发表于2018-06-17 22:18 被阅读18次

不错的博客
https://blog.csdn.net/qq_38274324/article/details/77923983
http://keeganlee.me/post/android/20150830
简单的背景图片的制作shape的运用

1.了解shape的中元素的属性

1.1 android:shape="rectangle"

rectagle表示矩形
oval表示椭圆l
ine表示水平直线
ring表示环形

1.2gradient:渐变

android:startColor 渐变开始的颜色
android:endColor 渐变结束的颜色
android:centerColor 中间点的颜色
ndroid:angle是渐变角度,必须为45的整数倍。
android:type linear线性渐变;radial径向渐变
android:gradientRadius 径向渐变的半径

1.3solid:填充

android:color 使用的填充颜色

1.4stroke:描边

android:width 描边的宽度,
android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth=”5dp” 一个’-‘的宽度
android:dashGap=”3dp” 间隔的宽度

1.5corners:圆角

android:radius为角的弧度,值越大角越圆。
分开设置:
android:topLeftRadius=”1dp” 左上角
android:topRightRadius=”20dp” 右上角
android:bottomRightRadius=”0dp” 左下角
android:bottomLeftRadius=”20dp” 右下角

1.6padding:内间隔

android:bottom="10dp" 底部
android:left="10dp" 左边
android:right="10dp" 右边
android:top="10dp" 上边

1.7size:内间隔

android:width 指定宽度
android:height 指定高度

2.简单的shape背景效果图案例

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:startColor="@color/vision_main_second"
    android:centerColor="@color/vision_main"
    android:endColor="@color/vision_main_three"
    android:type="linear"
    android:angle="-90"
    />
<solid android:color="@color/vision_main" />
<corners android:radius="@dimen/radius_largest" />
<stroke
    android:width="2dp"
    android:color="@color/blue"
    android:dashWidth="2dp"
    android:dashGap="3dp"/>
<padding
    android:bottom="10dp"
    android:left="10dp"
    android:right="10dp"
    android:top="10dp" />
</shape>
最终效果图

使用 android:background="@drawable/xxxx"

<TextView  
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"  
        android:layout_margin="50dp"
        android:text="@string/hello_world"  
        android:background="@drawable/test"/>  

相关文章

网友评论

      本文标题:Android 样式开发(一)shape篇

      本文链接:https://www.haomeiwen.com/subject/lgcjdftx.html