View背景漸變色(shape,gradient),shape代替圖片(減小APP size)- android
shape代替圖片,減小APP size。
> View背景漸變色(shape,gradient)
shape是用來定義形狀的,gradient定義該形狀裡面為漸變色填充,startColor起始顏色,endColor結束顏色,angle表示方向角度。
Android 顏色漸變(gradient),angle=0從左到右,angle=90從上到下,gradient_video_title.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="90"
android:endColor="#cc000000"
android:startColor="#00000000"
android:type="linear" />
</shape>
<LinearLayout
android:background="@drawable/gradient_video_title"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</LinearLayout>
type:漸變型別:(linear表示線性漸變;sweep表示雷達漸變)
gradient屬性就是用來設定漸變效果的,startColor就是最開始的顏色,centerClor就是中間的顏色,endColor就是結束的顏色,type是
設定線性漸變即豎著漸變或者橫著漸變,還可以設定其他的。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<gradient
android:startColor="#333333"
android:centerColor="#AAAAAA"
android:endColor="#EEEEEE"
android:type="linear"/>
</shape>
日常案例的練手程式碼倉庫- https://github.com/qingmei2/Samples-Android
> shape代替圖片,減小APP size;shape繪製:矩形;橢圓;線;環;用shape繪製SeekBar
Android利用shape實現各種簡單的形狀- https://www.jb51.net/article/114790.htm
android之shape做圖片- https://blog.csdn.net/gsw333/article/details/51851996
Android自定義圖形-Shape的使用- https://blog.csdn.net/qq_27888241/article/details/77165246
Android使用shape繪製各種形狀- https://blog.csdn.net/weixin_39654467/article/details/81877928
Android自定義圖形-Shape- https://blog.csdn.net/u011822517/article/details/78890426
Android XML shape 標籤的使用- https://www.2cto.com/kf/201807/760103.html
-- Shape實現圓形圖片
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false" >
<solid android:color="@color/common_red" />
<padding
android:left="2dp"
android:top="1dp"
android:right="2dp"
android:bottom="1dp" />
<solid
android:color="@color/common_red" />
<stroke
android:width="1dp"
android:color="@android:color/white" />
<!--這裡寬高要一樣 -->
<size android:width="15dp"
android:height="15dp" />
</shape>