当我们个人开发者做一款Android应用时,难免会为找不到好看的图片资源而发愁,(不仅要写代码,还得要稍微会点PS什么的,唉!总之程序员什么都得要会一点。。。端好这碗饭可真不容易啊!)要不就是好看的图片资源有了,从而导致我们的软件过大!怎么办呐?
这里我给大家推荐一种简单实用的方法,就是颜色值强化使用!
通常我们在res里xml中可以定义UI布局,按钮的按下效果,配置文件等,参阅博客:,其实还可以自己定义控件的一些显示属性。
官方文档
查阅Shape Drawable,在res/drawable/文件夹下创建
例子:
这里我们可以看到这个xml中有好多貌似我们都没用过的标签。。。(其实刚开始我也是在不知道什么地方看到的,一头雾水,觉得好玩就要研究研究么~)。首先,我们先来看一下:
1.shape 形状
作根标签,使用: android:shape=["rectangle" | "oval" | "line" | "ring"] >
值 | 描述 |
rectangle | 长方形,默认值 |
oval | 椭圆 |
line | 水平直线,可以通过<stroke>标签来定义宽度 |
ring | 环形 |
2.corners 圆角
用于shape被定义成rectangle时,使用: android:radius="integer"为角的弧度,值越大角越圆。
值 | 描述 |
android:topRightRadius | 右上角 |
android:bottomLeftRadius | 右下角 |
android:topLeftRadius | 左上角 |
android:bottomRightRadius | 左下角 |
注:默认值大于1才能显示出圆角,0为没有圆角。
3.gradient 渐变
指定shape的颜色值渐变,
android:type=["linear" | "radial" | "sweep"]
android:useLevel=["true" | "false"] />
值 | 描述 |
angle | 渐变角度。0是从左到右的,90是底部向顶部,必须是45的倍数,默认是0。 |
centerX | 以x位置为中心的渐变(0.0 -- 1.0)。 |
centerY | 以y位置为中心的渐变(0.0 -- 1.0)。 |
centerColor | 中心颜色 |
endColor | 结束颜色 |
gradientRadius | 径向渐变要指定半径值(android:type="radial" .) |
startColor | 开始颜色 |
type | linear:线性渐变,默认值 radial: 径向渐变 sweep: 扫线渐变 |
useLevel | 设置资源管理的画板(不是很懂。。。) |
注:渐变角度:
4.padding 间隔(内边距)
5.size shape的宽和高
6.solid:实心
填充shape 使用:android:color指定填充的颜色
7.stroke:描边
值 | 描述 |
width | 描边的宽度 |
color | 描边的颜色 |
dashWidth | 一个虚线"-"的宽度 |
dashGap | 一个虚线"-"的隔开距离 |
ok! 差不多把官方文档上的连翻译带整理的总结完了,写一个简单的小例子,让大家直观的感受一下它的作用吧!
exit_dialog.xml
这里使用到了我们前面讲到的shape,先列举一个(具体实现请看最后的源代码)
exit_bg.xml
MainActivity类
package com.zhf.android_dialog_shape;import com.zhf.android_dialog_shape_theme.R;import android.os.Bundle;import android.app.Activity;import android.app.AlertDialog;import android.view.View;import android.view.View.OnClickListener;import android.view.Window;import android.widget.Button;/** * 测试自定义的Dialog(使用到了Shape Drawable) * @author ZHF * */public class MainActivity extends Activity { private AlertDialog alertDialog; private Button button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button = (Button) this.findViewById(R.id.button); button.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { loadExitDialog(); } }); } /**弹出自定义对话框**/ private void loadExitDialog() { alertDialog = new AlertDialog.Builder(this).create(); alertDialog.show(); Window window = alertDialog.getWindow(); window.setContentView(R.layout.exit_dialog); Button exit_btn = (Button) window.findViewById(R.id.exit_btn); Button cancel_btn = (Button) window.findViewById(R.id.cancel_btn); exit_btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { finish(); } }); cancel_btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { alertDialog.dismiss(); } }); }}
最终效果图:
仔细观察一下,圆角、渐变都已经出来了,貌似比系统自带的Dialog好看多了。
×××看附件