码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-06-06 06:52:43      阅读:409      评论:0      收藏:0      [点我收藏+]

标签:android   c   style   class   a   http   

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

要将一个View做成圆角的也很容易,只需要建立一个自定义的Drawable就可以了。

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

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

 


在这个里面,corners是指的圆角,stroke 是指的边框颜色,有关shape的相关信息可以看官方文档,或者在网上搜搜,有讲的非常详细的博客。

本来没有问题的,可是我后面在做那个只有左边有圆角和只有右边有圆角的时候,出现了一个问题,那就是在android3.0以前,android:bottomLeftRadiusandroid:bottomRightRadius是 相反的,也就是说,我本来只是设置左边,却成了一个对角显示了,由于本人又没有学好,但是在网上找了好久没有找到解决办法,后面知道了android加载 布局文件的方法后,就知道了这个的解决办法,特在此记录一下,就是在我们的res下建立一个叫drawable-v12的文件目录,这个文件目录是 android3.0过后的版本访问的位置,所以只需要在这个里面放置正确的布局文件就可以了。

代码如下 :

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

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

 

而在android3.0以上的版本中,google为我们解决了这个问题,所以我们只需要按照正常情况的写,并把文件放在res/drawable-v12下就行了,如下:

 

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


 

在右边的和上面的解决办法一致,在此就不赘述了。

我的源码地址:http://download.csdn.net/detail/lovecluo/5173334

android圆角View实现及不同版本这间的兼容,布布扣,bubuko.com

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

标签:android   c   style   class   a   http   

原文地址:http://www.cnblogs.com/Free-Thinker/p/3767677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!