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

xml布局内容总结(三)--Android

时间:2015-07-30 19:34:39      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:xml   按钮效果   边框   圆角   线   

关于xml中经常用到边框及边框效果,在此进行一下总结。

3.border(边框及边框效果)

(1)直角边框线

技术分享

技术分享

<LinearLayout
        android:layout_width="200dp"
        android:layout_height="30dp"
        android:layout_margin="10dp"
        android:orientation="vertical" 
        android:background="@drawable/border_c"
        >
    </LinearLayout>

border_c.xml

<?xml version="1.0" encoding="utf-8"?>  
<shape xmlns:android="http://schemas.android.com/apk/res/android" >  
  <!-- 填充颜色 -->
    <solid android:color="@color/listitem_green" />  
  <!-- 边框宽度,颜色 -->
    <stroke  
        android:width="0.1dp"  
        android:color="@color/black" />
    <!-- 4个角度的弧度设置 -->  
  <corners 
      android:topLeftRadius="0.0dip" 
      android:topRightRadius="0.0dip" 
      android:bottomLeftRadius="0.0dip" 
      android:bottomRightRadius="0.0dip" 
      />  
</shape> 

(2)圆角边框线

技术分享

技术分享

<LinearLayout
        android:layout_width="200dp"
        android:layout_height="30dp"
        android:layout_margin="10dp"
        android:orientation="vertical" 
        android:background="@drawable/border_s"
        >
    </LinearLayout>

border_s.xml

<?xml version="1.0" encoding="utf-8"?>  
<shape xmlns:android="http://schemas.android.com/apk/res/android" >  
  <!-- 填充颜色 -->
    <solid android:color="@color/yellow" />  
  <!-- 边框宽度,颜色 -->
    <stroke  
        android:width="0.1dp"  
        android:color="@color/black" />
    <!-- 4个角度的弧度设置 -->  
  <corners 
      android:topLeftRadius="10.0dip" 
      android:topRightRadius="10.0dip" 
      android:bottomLeftRadius="10.0dip" 
      android:bottomRightRadius="10.0dip" 
      />  
</shape> 

(3)横线,竖线

技术分享

技术分享

<TextView
        android:layout_width="200dp"
        android:layout_height="0.5dp"
        android:background="@color/black"
         />
    <TextView
        android:layout_marginTop="10dp"
        android:layout_width="0.5dp"
        android:layout_height="50dp"
        android:background="@color/black"
         />

(4)按钮效果

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:background="@drawable/btn_style_green"
        android:text="Button" 
        android:textColor="@color/white"
        />

btn_style_green.xml

<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
  
    <item android:drawable="@drawable/button_green_bg" android:state_pressed="true"/>  
    <item android:drawable="@drawable/button_blue_bg" android:state_focused="false" android:state_pressed="false"/>     
  
</selector>

button_green_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/green" />
    <stroke android:width="0.5dip" android:color="@color/black" />
    <corners android:topLeftRadius="5.0dip" android:topRightRadius="5.0dip" android:bottomLeftRadius="5.0dip" android:bottomRightRadius="5.0dip" />
</shape>


button_blue_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/blue" />
    <stroke android:width="0.5dip" android:color="@color/black" />
    <corners android:topLeftRadius="5.0dip" android:topRightRadius="5.0dip" android:bottomLeftRadius="5.0dip" android:bottomRightRadius="5.0dip" />
</shape>


正常状态:技术分享  技术分享   点击:技术分享技术分享



版权声明:本文为博主原创文章,未经博主允许不得转载。

xml布局内容总结(三)--Android

标签:xml   按钮效果   边框   圆角   线   

原文地址:http://blog.csdn.net/max1198/article/details/47153483

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