zoukankan      html  css  js  c++  java
  • Android-shape圆形&转圈圈

    圆形:

    <?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>
  • 相关阅读:
    intellij idea 将taskRequest.java文件识别为文本文档
    react 学习笔记2
    react 学习笔记1
    webpack4 配置笔记(转自掘金)
    音乐播放之进度条-自定义
    EBS
    Python 学习笔记
    Form 电子表格(JTF GRID)
    Form 中实现历史记录查询
    Form 去掉使用格式掩码带来的多余字符
  • 原文地址:https://www.cnblogs.com/android-deli/p/10537284.html
Copyright © 2011-2022 走看看