Android UI 美化

一、自定义RatingBar的样式:
1、在drawable文件夹下创建根节点为的文件写三个节点,代码如下:`


    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:id="@android:id/background"
                android:drawable="@drawable/unselect"
            >item>
        <item android:id="@android:id/secondaryProgress"
                android:drawable="@drawable/unselect"
            >item>
        <item android:id="@android:id/progress"
                android:drawable="@drawable/selected"
            >item>
layer-list>

其中unseclect 和 selected 是图片
2、在activity_main.xml文件中,创建一个RatingBar的控件,具体代码如下:


    <RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:progressDrawable="@drawable/diy_ratingbar"
        android:stepSize="0.5" />

设置了五个start,步进为0.5.

这就是简单的自定义RatingBar了。

二、控件圆角矩形美化

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

    <corners android:radius="30dp" />

    <stroke
        android:width="2dp"
        android:color="#000" />

shape>

自定义圆角矩形样式

也可以用 设置渐变色,其中android:angle=“90”可以控制渐变方向
中的android:color=”“可以设置边框颜色
可以填充颜色

三、ClipDrawable 图片截取
在drawable文件中创建根节点

<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:clipOrientation="vertical"
    android:drawable="@drawable/android2"
    android:gravity="bottom" >

clip>

java代码中写:

private ImageView iv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linear);
        iv=(ImageView) findViewById(R.id.linear_iv);
    }
    public void clip(View view){
        ClipDrawable cd=(ClipDrawable) iv.getDrawable();
        int level=cd.getLevel();
        cd.setLevel(level+1000);
    }

四、Theme主题样式:

Theme  作用在: Activity和Application上


    @android:style/Theme.Holo  黑底白字
    @android:style/Theme.Holo.Light   白底黑字
    @android:style/Theme.Dialog  对话框主题
    @android:style/Theme.Light.NoTitleBar   去除标题栏
    @android:style/Theme.Light.NoTitleBar.Fullscreen 全屏模式

你可能感兴趣的:(Android知识整理)