13
A
回答
20
你需要的是建立在項目的drawable-xxx
文件夾shape xml file
然後用這個形狀背景的按鈕。
這裏是被稱爲形狀文件arrow_shape.xml
:
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- Colored rectangle-->
<item>
<shape android:shape="rectangle">
<size
android:width="100dp"
android:height="40dp" />
<solid android:color="#5EB888" />
<corners android:radius="0dp"/>
</shape>
</item>
<!-- This rectangle for the top arrow edge -->
<!-- Its color should be the same as the layout's background -->
<item
android:top="-40dp"
android:bottom="65dp"
android:right="-30dp">
<rotate
android:fromDegrees="45">
<shape android:shape="rectangle">
<solid android:color="#ffffff" />
</shape>
</rotate>
</item>
<!-- This rectangle for the lower arrow edge -->
<!-- Its color should be the same as the layout's background -->
<item
android:top="65dp"
android:bottom="-40dp"
android:right="-30dp">
<rotate
android:fromDegrees="-45">
<shape android:shape="rectangle">
<solid android:color="#ffffff" />
</shape>
</rotate>
</item>
</layer-list>
然後把它作爲按鈕的背景,例如
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/arrow_shape"/>
下面是截圖:
更多的信息Layer-List
你可以找到here。
編輯:
但請記住,我使用的某些值形狀的寬度和高度。如果您更改了那些,則可能需要更改top, bottom and right attributes
的值。因此,在這種情況下,請考慮在您的項目的values
目錄中使用不同的值。
相關問題
- 1. 使用FabricJS的箭頭形狀
- 2. Android drawable xml:繪製箭頭
- 3. iPhone:製作箭頭形狀的UIBarButtonItem
- 4. 9patch箭頭形狀的圖片
- 5. 更改標記箭頭的形狀
- 6. 繪製導航箭頭形狀的CSS
- 7. 定製的div右箭頭形狀
- 8. 圓形箭頭與CSS
- 9. CSS自定義形狀箭頭
- 10. R igraph包 - 改變箭頭形狀
- 11. 調整大小箭頭形狀
- 12. android:如何改變後退箭頭形狀?
- 13. 我要創建使用CSS的箭頭形狀 - 請看截圖
- 14. Android的XML形狀繪製
- 15. Powerpoint VBA:搜索一個字符箭頭並用形狀箭頭代替
- 16. 谷歌條形圖與差異箭頭
- 17. 如何解決使用CSS創建此箭頭形狀IE9
- 18. 與箭頭式的
- 19. Android XML形狀樣式
- 20. Android包含xml形狀
- 21. CSS3箭頭框狀branch.com
- 22. 特殊按鈕形狀(稍微旋轉箭頭)
- 23. android創建使用xml形狀的弧形矩形
- 24. Android彈出箭頭
- 25. SVG動畫圖形箭頭
- 26. OpenGL正方形和箭頭
- 27. 製作具有響應寬度的箭頭形狀,只有CSS
- 28. 試圖用wpf創建一個箭頭的形狀?
- 29. Visio:在形狀交叉處強制箭頭的方法?
- 30. 如何設置與背景微調箭頭下拉箭頭?
如果背景是動態佈局,則顯示其白色通道[![enter image description here](http://i.stack.imgur.com/FKtR1.png)](http://i.stack。 imgur.com/FKtR1.png) – 2016-08-01 10:32:13