android圆角View实现及不同版本号这间的兼容

时间:2023-03-09 07:23:25
android圆角View实现及不同版本号这间的兼容

在做我们自己的APP的时候。为了让APP看起来更加的好看,我们就须要将我们的自己的View做成圆角的,毕竟主流也是将非常多东西做成圆角。和苹果的外观看起来差点儿相同,看起来也还不错。

要将一个View做成圆角的也非常easy。仅仅须要建立一个自己定义的Drawable就能够了。

我们在res/drawable以下建立一个shape的drawable,代码例如以下:

[html] view
plain
copy
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <corners
  4. android:topLeftRadius="5dp"
  5. android:topRightRadius="5dp"
  6. android:bottomLeftRadius="5dp"
  7. android:bottomRightRadius="5dp"/>
  8. <stroke
  9. android:width="1dp"
  10. android:color="#FF5500"
  11. />
  12. </shape>

在这个里面,corners是指的圆角,stroke 是指的边框颜色。有关shape的相关信息能够看官方文档,或者在网上搜搜,有讲的很具体的博客。

本来没有问题的。但是我后面在做那个仅仅有左边有圆角和仅仅有右边有圆角的时候。出现了一个问题。那就是在android3.0曾经。android:bottomLeftRadius与android:bottomRightRadius是相反的,也就是说。我本来仅仅是设置左边,却成了一个对角显示了,因为本人又没有学好。但是在网上找了好久没有找到解决的方法,后面知道了android载入布局文件的方法后。就知道了这个的解决的方法,特在此记录一下,就是在我们的res下建立一个叫drawable-v12的文件文件夹,这个文件文件夹是android3.0过后的版本号訪问的位置。所以仅仅须要在这个里面放置正确的布局文件就能够了。

代码例如以下 :

在android3.0下面要写成这样(左边全是圆角):

[html] view
plain
copy
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <corners
  4. android:topLeftRadius="5dp"
  5. android:bottomRightRadius="5dp"/>
  6. <stroke
  7. android:width="1dp"
  8. android:color="#FF5500"
  9. />
  10. </shape>

而在android3.0以上的版本号中。google为我们攻克了这个问题,所以我们仅仅须要依照正常情况的写。并把文件放在res/drawable-v12下即可了,例如以下:

[html] view
plain
copy
  1. <?

    xml version="1.0" encoding="utf-8"?>

  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <corners
  4. android:topLeftRadius="5dp"
  5. android:bottomLeftRadius="5dp"/>
  6. <stroke
  7. android:width="1dp"
  8. android:color="#FF5500"
  9. />
  10. </shape>