1.繪制圓角邊框
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<stroke
android:width="2dp"
android:color="#000fff" />
<!--設置邊框線寬度和顏色!-->
<solid android:color="#000000" />
<!--設置內容填充色!-->
<corners android:radius="10dp"
/>
<!--設置角度!-->
</shape>
效果圖:
使用方式:為控件設置android:background="xml文件名"
也可利用
android:topLeftRadius=""
android:topRightRadius=""
android:bottomLeftRadius=""
android:bottomRightRadius=""
為四個角分別設置角度。
2.繪制三角形
Vector圖片
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="158dp"
android:height="64dp"
android:viewportWidth="24"
android:viewportHeight="14">
<path
android:fillColor="#99000000"
android:pathData="M7,14l5,-5 5,5z" />
</vector>
效果圖:
這是AS自帶的vector正三角,我更改了一下數值變為等腰且下移。
width,height代表控件實際的尺寸。
viewportWidth代表把width分成了24份,同理viewportHeight把height分成了14份,它相當於我們的視圖窗口。
pathData數值就是依靠它來畫出我們的三角形。
解析一下:
坐標向右為正,向下為正。
第一個點(7,14),點(0,0)移動至坐標(7,14)起始點。(viewportHeight為14,說明現在初始點移動到了底部)
第二個點(5,-5),它是相對於第一個點向右移動5個單位,向上移動5個單位。
第三個點(5,5),它是相對於第二個點向右移動5個單位,向下移動5個單位。
M是移動,l是畫線,z是形成閉合,這樣一個等腰三角形就畫出來了。