利用xml文件繪制圓角邊框,三角形


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是形成閉合,這樣一個等腰三角形就畫出來了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM