欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  移动技术

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

程序员文章站 2023-12-04 09:59:04
android使用xml自定义图片实例详解 实现效果图： 白色圆角图片 bg_round_rectangle_white.xml

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>

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

上一篇： html5使用canvas绘制太阳系效果

下一篇： 5 个强大的HTML5 API 函数推荐

推荐阅读