Android使用xml自定义图片实例详解

发布时间：2020-08-21 17:35:06 阅读：415 作者：将进酒-杯莫停栏目：移动开发

Android开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

Android使用xml自定义图片实例详解

实现效果图：

Android使用xml自定义图片实例详解

白色圆角图片

bg_round_rectangle_white.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <!-- 填充 -->
 <solid android:color="#FFFFFF" />

 <!-- 圆角 -->
 <corners
  android:radius="2dp"/>

 <!-- 描边 -->
 <stroke
  android:width="1dp"
  android:color="#D5D5D5"/>

</shape>

白色圆角虚线框

bg_round_rectangle_white_dash.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <!-- 填充 -->
 <solid android:color="#FFFFFF" />

 <!-- 圆角 -->
 <corners
  android:radius="2dp"/>

 <!-- 虚线描边 -->
 <stroke
  android:width="1dp"
  android:color="#DD4041"
  android:dashWidth="1dp"
  android:dashGap="2dp"/>

</shape>

红色圆角图片

bg_round_rectangle_red.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <!-- 填充 -->
 <solid android:color="#F15C5D" />

 <!-- 圆角 -->
 <corners
  android:radius="2dp"/>

 <!-- 描边 -->
 <stroke
  android:width="1dp"
  android:color="#D42D2E"/>

</shape>

绿色圆角图片

bg_round_rectangle_green.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <!-- 填充 -->
 <solid android:color="#88C14E" />

 <!-- 圆角 -->
 <corners
  android:radius="2dp"/>

 <!-- 描边 -->
 <stroke
  android:width="1dp"
  android:color="#6FA13C"/>

</shape>

正三角形图片

triangle_white_arrow_up.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromDegrees="45"
 android:toDegrees="45"
 android:pivotX="-40%"
 android:pivotY="80%">

 <shape android:shape="rectangle">
  <solid android:color="#000000"/>
 </shape>

</rotate>

倒立正三角形图片

triangle_white_arrow_down.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromDegrees="45"
 android:toDegrees="45"
 android:pivotX="135%"
 android:pivotY="15%">

 <shape android:shape="rectangle">
  <solid android:color="#000000"/>
 </shape>

</rotate>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

Android使用xml自定义图片实例详解

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签