Android:使用shape制作素材
2016-01-08 10:46
507 查看
最近看到朋友制作的Android APP使用了极少的图片,但是图形却极其丰富,问了之后得知是使用shape绘制的,有很多优点。
下面是我整理的一些素材:
橙色标签
蓝色圆形按钮
蓝色按钮
蓝色边框按钮
蓝色带阴影按钮
下面是我整理的一些素材:
预览
下面是图片预览:代码
布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="10dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="20dp" android:background="@drawable/s1" android:padding="5dp" android:text="@string/s1" android:textColor="#fff" android:textSize="16sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="20dp" android:background="@drawable/s2" android:padding="5dp" android:text="@string/s2" android:textColor="#ff9800" android:textSize="16sp" /> <ImageButton android:layout_width="50dp" android:layout_height="50dp" android:layout_marginBottom="20dp" android:background="@drawable/s3" android:padding="10dp" android:scaleType="fitXY" android:src="@drawable/lsearch" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="20dp" android:background="@drawable/s4" android:padding="5dp" android:text="@string/s4" android:textColor="#fff" android:textSize="16sp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="20dp" android:background="@drawable/s5" android:padding="5dp" android:text="@string/s5" android:textColor="#00bcd4" android:textSize="16sp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="20dp" android:background="@drawable/s6" android:padding="5dp" android:text="@string/s6" android:textColor="#fff" android:textSize="16sp" /> </LinearLayout>
shape文件
绿色标签s1.xml:
<shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#009688" /> <corners android:radius="8dp" /> </shape>
橙色标签
s2.xml:
<shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#00000000" /> <corners android:radius="8dp" /> <stroke android:width="1dp" android:color="#ff9800" /> </shape>
蓝色圆形按钮
s3.xml:
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape android:shape="oval"> <solid android:color="#aa00bcd4" /> </shape> </item> <item android:state_focused="true"> <shape android:shape="oval"> <solid android:color="#aa00bcd4" /> </shape> </item> <item> <shape android:shape="oval"> <solid android:color="#00bcd4" /> </shape> </item> </selector>
蓝色按钮
s4.xml:
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape> <solid android:color="#aa00bcd4" /> <corners android:radius="8dp" /> </shape> </item> <item android:state_focused="true"> <shape> <solid android:color="#aa00bcd4" /> <corners android:radius="8dp" /> </shape> </item> <item> <shape> <solid android:color="#00bcd4" /> <corners android:radius="8dp" /> </shape> </item> </selector>
蓝色边框按钮
s5.xml:
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape> <solid android:color="#e3e3e3" /> <corners android:radius="8dp" /> <stroke android:width="1dp" android:color="#00bcd4" /> </shape> </item> <item android:state_focused="true"> <shape> <solid android:color="#e3e3e3" /> <corners android:radius="8dp" /> <stroke android:width="1dp" android:color="#00bcd4" /> </shape> </item> <item> <shape> <solid android:color="#00000000" /> <corners android:radius="8dp" /> <stroke android:width="1dp" android:color="#00bcd4" /> </shape> </item> </select>
蓝色带阴影按钮
s6.xml:
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <layer-list> <item android:top="3dp"> <shape> <solid android:color="#00bcd4" /> <corners android:radius="8dp" /> </shape> </item> </layer-list> </item> <item android:state_focused="true"> <layer-list> <item android:top="3dp"> <shape> <solid android:color="#00bcd4" /> <corners android:radius="8dp" /> </shape> </item> </layer-list> </item> <item> <layer-list> <item> <shape> <solid android:color="#dddddd" /> <corners android:radius="8dp"/> </shape> </item> <item android:bottom="3dp"> <shape> <solid android:color="#00bcd4" /> <corners android:radius="8dp"/> </shape> </item> </layer-list> </item> </selector>
相关文章推荐
- Android Studio中的快捷键
- Android Service绑定
- android 设置textview中划线效果
- 学习笔记6:图形绘制
- Android LinearLayout(线性布局)
- Android样式之Shape
- Android 的Otto插件的使用
- Android Handler 四个使用实例 及HandlerThread的使用,androidhandler实例,HandlerThread 源码分析
- Ubuntu下Android apk反编译
- android通过USB连接佳博80打印机
- Android中CrashHandler默认异常处理机制
- Android自定义View(二)深入理解Android中的自定义属性
- Android或者手机版本号和sdk还有手机型号
- 一篇文章讲清楚android ImageView.ScaleType
- ADB 在 Android SDK 的中的路径
- Android Studio中文字体显示乱码
- Android开发笔记——图片缓存、手势及OOM分析
- Android Studio 中文字体显示乱码
- Android自定义View(一)View绘制流程以及invalidate()等相关方法分析
- android View绘制流程