Android Drawable 快速複製粘貼魔板

BitmapDrawable 例子

  • antialias:是否開啓圖片抗鋸齒功能。
  • dither:是否開啓抖動效果。
  • gravity:可以配置圖片的顯示位置,如果控件的寬高大於圖片的話,可以設置具體顯示的位置
  • tileMode:平鋪模式。“disabled” “clamp” “repeat” “mirror”
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/ic_launcher"
    android:antialias="true"
    android:dither="true"
    android:tileMode="repeat"
    >
</bitmap>

ShapeDrawable 例子

描邊(實線)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="1dp"
        android:color="#FEE4B1" />
    <corners android:radius="4dp" />
</shape>

描邊(虛線)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="3dp"
        android:color="#ff0000"
        android:dashWidth="2dp"
        android:dashGap="3dp" />
    <corners android:radius="5dp"/>
</shape>

漸變色(左右)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="8dp" />
    <gradient
        android:angle="0"
        android:endColor="#FCECD6"
        android:startColor="#FFD595"
        android:type="linear" />
</shape>

設置shape大小

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="6dp" />
    <solid android:color="#00ff00" />
    <size android:height="2dp"  android:width="50dp"/>
</shape>

LayerDrawable 例子

自定義proressBar樣式
在這裏插入圖片描述

home_smart_sdcard_progress 文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <solid android:color="#BBD4FB" />
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <scale android:scaleWidth="100%">
            <shape>
                <corners android:radius="5dip" />
                <solid android:color="#397BFF" />
            </shape>
        </scale>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <scale android:scaleWidth="100%">
            <shape>
                <corners android:radius="5dip" />
                <solid android:color="#80397BFF" />
            </shape>
        </scale>
    </item>
</layer-list>

progressBar 的 Style

<style name="ProgressBar_Scale" parent="@android:style/Widget.ProgressBar.Horizontal">
	<item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
	<item name="android:progressDrawable">@drawable/home_smart_sdcard_progress</item>
</style>

progressBar 使用

   <ProgressBar
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn_container"
        android:id="@+id/progressBar"
        style="@style/ProgressBar_Scale"
        android:layout_width="150dp"
        android:layout_height="6dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:progress="50"/>

StateListDrawable 例子

圖片

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/v4_op_cancel_full_pre" android:state_pressed="true" />
    <item android:drawable="@drawable/v4_op_cancel_full_dis" android:state_enabled="false" />
    <item android:drawable="@drawable/v4_op_cancel_full_nor" />
</selector>

幀動畫

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <item
        android:drawable="@drawable/v3_vip_loading_1"
        android:duration="50" />
    <item
        android:drawable="@drawable/v3_vip_loading_2"
        android:duration="50" />
</animation-list>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章