【移动开发】Android中不用图片资源也能做出好看的界面

当我们个人开发者做一款Android应用时，难免会为找不到好看的图片资源而发愁，（不仅要写代码，还得要稍微会点PS什么的，唉！总之程序员什么都得要会一点。。。端好这碗饭可真不容易啊！）要不就是好看的图片资源有了，从而导致我们的软件过大！怎么办呐？

这里我给大家推荐一种简单实用的方法，就是颜色值强化使用！

通常我们在res里xml中可以定义UI布局，按钮的按下效果，配置文件等，参阅博客：http://smallwoniu.blog.51cto.com/3911954/1248892,其实还可以自己定义控件的一些显示属性。

官方文档

http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

查阅Shape Drawable，在res/drawable/文件夹下创建

例子：

<?xml version="1.0" encoding="utf-8"?>

<shape

xmlns:android="http://schemas.android.com/apk/res/android"

android:shape=["rectangle" | "oval" | "line" | "ring"] >

<corners

android:radius="integer"

android:topLeftRadius="integer"

android:topRightRadius="integer"

android:bottomLeftRadius="integer"

android:bottomRightRadius="integer" />

<gradient

android:angle="integer"

android:centerX="integer"

android:centerY="integer"

android:centerColor="integer"

android:endColor="color"

android:gradientRadius="integer"

android:startColor="color"

android:type=["linear" | "radial" | "sweep"]

android:useLevel=["true" | "false"] />

<padding

android:left="integer"

android:top="integer"

android:right="integer"

android:bottom="integer" />

<size

android:width="integer"

android:height="integer" />

<solid

android:color="color" />

<stroke

android:width="integer"

android:color="color"

android:dashWidth="integer"

android:dashGap="integer" />

</shape>

这里我们可以看到这个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

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@android:color/transparent"

android:orientation="vertical" >

<LinearLayout

android:layout_width="250dp"

android:layout_height="wrap_content"

android:background="@drawable/fragment_logout_button_backgroud_normal"

android:orientation="vertical" >

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="100dp"

android:orientation="vertical" >

<TextView

android:id="@+id/oneBtnInfo"

android:layout_width="fill_parent"

android:layout_height="40dp"

android:layout_margin="2dp"

android:background="@drawable/exit_bg"

android:gravity="center"

android:text="提示信息"

android:textColor="#fff"

android:textSize="20sp" />

<TextView

android:id="@+id/tishiInfo"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:gravity="center"

android:text="确定要退出？"

android:textColor="#000"

android:textSize="18sp" />

</LinearLayout>

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="50dp"

android:layout_margin="2dp"

android:background="@color/gray_light"

android:gravity="center"

android:orientation="horizontal"

android:padding="5dp" >

<Button

android:id="@+id/exit_btn"

android:layout_width="fill_parent"

android:layout_height="35dp"

android:layout_margin="5dp"

android:layout_weight="1"

android:background="@drawable/fragment_logout_button_selector"

android:text="确定"

android:textColor="@color/black" />

<Button

android:id="@+id/cancel_btn"

android:layout_width="fill_parent"

android:layout_height="35dp"

android:layout_margin="5dp"

android:layout_weight="1"

android:background="@drawable/fragment_logout_button_selector"

android:text="取消"

android:textColor="@color/black" />

</LinearLayout>

这里使用到了我们前面讲到的shape，先列举一个(具体实现请看最后的源代码)

exit_bg.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

<gradient

android:angle="270"

android:centerColor="@color/blue"

android:endColor="@color/blue"

android:startColor="@color/blue"

android:type="linear" />

<stroke

android:width="0.5dp"

android:color="@color/blue" />

<corners

android:radius="2dp"

android:topLeftRadius="5dp"

android:topRightRadius="5dp"

android:bottomLeftRadius="0dp"

android:bottomRightRadius="0dp"

/>

</shape>

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好看多了。

源码下载看附件

附件：http://down.51cto.com/data/2363598

本文转自zhf651555765 51CTO博客，原文链接：http://blog.51cto.com/smallwoniu/1307776，如需转载请自行联系原作者

【移动开发】Android中不用图片资源也能做出好看的界面相关推荐

Android开发——Android中常见的4种线程池（保证你能看懂并理解）
0．前言转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52415337 使用线程池可以给我们带来很多好处,首先通过线程池中线程的重用 ...
Android多媒体开发-- android中OpenMax的实现整体框架
1.android中用openmax来干啥? android中的 AwesomePlayer就是用openmax来做(code)编解码,其实在openmax接口设计中,他不光能用来当编解码.通过他的 ...
Android开发——Android中的二维码生成与扫描
0. 前言今天这篇文章主要描述二维码的生成与扫描,使用目前流行的Zxing,为什么要讲二维码,因为二维码太普遍了,随便一个Android APP都会有二维码扫描.本篇旨在帮助有需求的同学快速完成二维 ...
android中的帧动画,[Android开发] Android中的帧动画
MainActivity文件: public class MainActivity extends Activity implements OnClickListener{ AnimationDraw ...
Android中本地图片资源以及视频录音资源的获取
经常使用到本地图片的获取,还有录音之类,所以就稍微整理了一下,模式都是差不多的,大家可以参考一下. 这里写代码片package com.ly.day72_camera; import android. ...
android 转场动画监听,Android 中的转场动画及兼容处理
Android 中的动画有很多,除了在一个界面上使用帧动画.属性动画将一个或多个 View 进行动画处理以外,还可以用于两个界面之间过渡.跳转.在 Android 5.0 之前,我们已经有了 over ...
Android中.9.png图片的使用过程和原理
1.Android中放置图片资源的文件夹 Android中一般有drawable-ldpi.drawable-mdpi.drawable-hdpi.drawable-xhdpi.drawable-xx ...
android贝塞尔曲线实例,android中贝塞尔曲线的应用示例
前言: 贝塞尔曲线又称贝兹曲线,它的主要意义在于无论是直线或曲线都能在数学上予以描述.最初由保罗·德卡斯特里奥(Paul de Casteljau)于1959年运用德卡斯特里奥演算法开发(de Cas ...
OneNote不用NoteHighlight怎么做出好看的代码块
先看看用NoteHighlight和自己做的代码块的对比,上图是NoteHighlight,下图是自己做的,与IDE的代码样式几乎一样由于自己的笔记本电脑一直没NoteHighlight,虽然能在加 ...

【移动开发】Android中不用图片资源也能做出好看的界面

【移动开发】Android中不用图片资源也能做出好看的界面相关推荐

最新文章

热门文章