码迷,mamicode.com
首页 > 移动开发 > 详细

Android-shape圆形&转圈圈

时间:2019-03-15 16:05:37      阅读:1508      评论:0      收藏:0      [点我收藏+]

标签:圆形   back   art   注意   sele   width   utf-8   效果图   roi   

圆形:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false">
    <solid android:color="@color/deep_gray" />
    <padding
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp" />
    <solid android:color="@color/backg_gray" />
    <size
        android:width="30dp"
        android:height="30dp" />
</shape>

效果图:

技术图片

 

 



 

 

转圈圈:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >

    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="10"
        android:useLevel="false" >
        <gradient
            android:centerColor="#FF6A6A"
            android:endColor="#FF0000"
            android:startColor="#FFFFFF"
            android:type="sweep" />
    </shape>

</rotate>

效果图, 会转圈圈:

技术图片

 

注意:如果在控件中没有设置宽和高,例如:控件设置了wrap_content,就需要在shape中设置宽和高:

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

完整代码:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >

    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="10"
        android:useLevel="false" >
        <gradient
            android:centerColor="@color/backg_gray"
            android:endColor="@color/deep_gray"
            android:startColor="#FFFFFF"
            android:type="sweep" />

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

    </shape>


</rotate>

 

Android-shape圆形&转圈圈

标签:圆形   back   art   注意   sele   width   utf-8   效果图   roi   

原文地址:https://www.cnblogs.com/android-deli/p/10537284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!