Android豎虛線繪製
在Android UI製作中,經常會需要一些線條作為分隔線,一般做個width或height為1dp的view就可以解決了,如果需要虛線,則需要在drawable目錄自定義xml進行繪製了,一般xml如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="line">
<stroke
android:width="1dp"
android:color="@color/white"
android:dashWidth="5dp"
android:dashGap="2dp" />
</shape>
然後在需要畫虛線的地方使用該drawable作為背景即可。
不過如果需要一條豎虛線,就麻煩很多。
首先,同樣定義xml檔案,不過要旋轉90度,這樣就是豎的了:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="90"
android:toDegrees="90">
<shape android:shape="line">
<stroke
android:width="1dp"
android:color="@color/white"
android:dashWidth="5dp"
android:dashGap="2dp"
/>
</shape>
</rotate>
另外,在使用該drawable時,寬度不能設為1dp,因為這個寬度是旋轉前的虛線長度,如果設為1dp,則看不出虛線了,所以需要一點小技巧:
1)在view的寬度設大一些,然後設定marginLeft 和marginRight 為負值,就不會影響到旁邊的view了
<View
android:background="@drawable/dot_line_white"
android:layout_marginLeft="-10dp"
android:layout_marginRight="-10dp"
android:layerType="software"
android:layout_width="50dp"
android:layout_height="match_parent"/>
2)使用FrameLayout等佈局方式,將虛線view置於其他view之上。
注意:設定時必須設定layerType為software,否則手機顯示不會顯示出虛線。
相關文章
- iOS開發_繪製圓角矩形虛線環iOS
- 小程式利用Canvas繪製圖片和豎排文字Canvas
- Android繪製優化(一)繪製效能分析Android優化
- Android繪製流程Android
- canvas 繪製線條Canvas
- SVG 繪製直線SVG
- canvas繪製直線Canvas
- Android自定義View之Paint繪製文字和線AndroidViewAI
- 【我的 Flutter 開源庫 】 - 虛線繪製庫 dash_painterFlutterAI
- Android View繪製流程AndroidView
- canvas 繪製雙線技巧Canvas
- PyQtGraph繪製折線圖QT
- AnyChart繪製折線圖
- Android View繪製原理:繪製流程排程、測算等AndroidView
- Android OpenGLES繪製天空盒Android
- MATLAB 繪製折線圖Matlab
- iOS 波浪曲線的繪製iOS
- canvas繪製sin正弦曲線Canvas
- Dreamweaver製作虛線邊框教程,Dreamweaver怎麼製作虛線表格?
- amCharts繪製帶趨勢線折線圖
- Android日常學習:OpenGL 實踐之貝塞爾曲線繪製Android
- Android UI繪製流程及原理AndroidUI
- Android動畫實現繪製原理Android動畫
- Android View的繪製過程AndroidView
- 初·Android View的繪製流程AndroidView
- Android 中 View 繪製流程分析AndroidView
- Android利用AChartEngine繪製圖表Android
- SVG <path> 元素A指令繪製弧線SVG
- mapboxgl繪製3D線3D
- SVG <polyline> 繪製折線SVG
- JavaScript WebGL 繪製一條直線JavaScriptWeb
- canvas繪製網格射線效果Canvas
- ios股票K線圖的繪製iOS
- 怎麼用java繪製曲線Java
- Android進階(五)View繪製流程AndroidView
- 初探Android的View繪製過程AndroidView
- Android View 繪製流程(Draw) 完全解析AndroidView
- Android View繪製13問13答AndroidView