Android之UI圆角矩形,图形圆角美化
2015-12-23 19:55
513 查看
创建工程Android_StyleAndUIShape下的res文件夹下->new other->Android XML File->Next->Resource Type下选择Drawable->选择shape->File命名为button_shape
效果图如下
在drawable中新建两个文件view_shape.xml
在activity_main.xml中
效果图
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:angle="45" android:endColor="#80FF00FF" android:gradientRadius="100.0" android:startColor="#FFFF0000" android:type="radial" > </gradient> <padding android:bottom="7dp" android:left="7dp" android:right="7dp" android:top="7dp" /> <corners android:topLeftRadius="12dp" android:topRightRadius="12dp" > </corners> </shape>
<Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="192dp" android:background="@drawable/button_shape" android:textSize="90sp" android:text="Button" />
效果图如下
在drawable中新建两个文件view_shape.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:endColor="#CCCCCC" android:startColor="#CCCCCC" > </gradient> <corners android:topLeftRadius="12dp" android:topRightRadius="12dp" > </corners> <size android:height="100dp" android:width="200dp" /> <stroke android:dashWidth="3dp" android:width="3dp" android:color="#FFDDCC" > </stroke> <!-- 填充图形的颜色 <solid android:color="#000000"/> --> </shape>和view_bottom.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:endColor="#CCFFDD" android:startColor="#CCFFDD" /> <corners android:bottomLeftRadius="12dp" android:bottomRightRadius="12dp" > </corners> <size android:height="100dp" android:width="200dp" /> <!-- 填充图形的颜色 <solid android:color="#000000"/> --> </shape>
在activity_main.xml中
<LinearLayout android:id="@+id/linearLayout1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_below="@+id/button1" android:layout_marginTop="36dp" android:background="@drawable/view_shape" android:orientation="vertical" > </LinearLayout> <LinearLayout android:id="@+id/linearLayout2" android:layout_width="200dp" android:layout_height="100dp" android:layout_alignLeft="@+id/linearLayout1" android:layout_alignRight="@+id/linearLayout1" android:layout_centerVertical="true" android:background="#CCCCCC" android:orientation="vertical" > </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/linearLayout2" android:layout_alignRight="@+id/linearLayout2" android:layout_below="@+id/linearLayout2" android:background="@drawable/view_bottom" android:orientation="vertical" > </LinearLayout>
效果图
相关文章推荐
- 超级简单的UGUI血条制作技巧
- 关于easyUI在子页面增加显示tabs的一个问题
- KVO(NSKeyValueObserving)
- EasyUI Datebox 日期框
- UITableView 视觉差效果
- 在NSString NSNumber NSValue 中一些基本方法的使用和解释
- Material Design UI Widgets
- UITableViewController
- 1567: [JSOI2008]Blue Mary的战役地图
- IOS---NSdata 与 NSString,Byte数组,UIImage 的相互转换
- 一个Flume 异常(Put queue for MemoryTransaction of capacity 100 full)的排查和解决思路
- UGUI - RectTransform
- Maven, Ivy, Grape, Gradle, Buildr, SBT, Leiningen, ant
- Maven, Ivy, Grape, Gradle, Buildr, SBT, Leiningen, ant
- 如何判断Map中的key或value类型
- UITebleViewCell添加侧滑按钮
- ARduino - 用Arduino主板调试蓝牙模块
- Codeforces #252 (Div. 2) B. Valera and Fruits
- 关于UGUI图集AssetBundle的加载与释放
- UICollectionViewDelegateFlowLayout