锐客网

  1. 首页 > 睿知 > it技术 > >

android自己定义标签的使用，实现扁平化UI设计

IT知识ui设计的使用扁平化

人生必须的知识就是引人向光明方面的明灯。这篇文章主要讲述android自己定义标签的使用，实现扁平化UI设计相关的知识，希望能为你提供帮助。
2014年8月6日11:06:44

android对自己定义标签的使用。实现扁平化UI设计：
1.attrs.xml文件里自己定义标签
如：
< ?xml version="1.0" encoding="utf-8"?>
< resources>


    < declare-styleable name="first">
//reference指的是是从string.xml引用过来


        < attr name="name" format="reference" />
        < attr name="age">
//flag是自定义的,类似于android:gravity="top"
            < flag name="child" value="https://www.songbingjia.com/android/10"> < /flag>
            < flag name="yong" value="https://www.songbingjia.com/android/18"> < /flag>
            < flag name="oldman" value="https://www.songbingjia.com/android/60"> < /flag>
        < /attr>
//dimension 指的是是从dimension.xml里引用过来的内容.
        < attr name="testSize" format="dimension"> < /attr>
    < /declare-styleable>


< /resources>
2.在布局文件里使用自己定义标签。对标签属性进行赋值
如:
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
//com.example.declarestyleabletest为清单文件里包的根路径     xmlns:test="http://schemas.android.com/apk/res/com.example.declarestyleabletest"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
//MyTest见以下
    < com.example.declarestyleabletest.MyTest
        android:id="@+id/tvTest"
        test:name="@string/name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/test"
        test:age="oldman"
        test:testSize="@dimen/size" />


< /LinearLayout>
3.MyTest.java:在类中能够得到布局文件里对属性赋的值，取到值之后能够对TextView的属性进行赋值改动样式
如：
package com.example.declarestyleabletest;
import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.widget.TextView;


public class MyTest extends TextView {


public MyTest(Context context, AttributeSet attrs) {
super(context, attrs);


TypedArray tArray = context.obtainStyledAttributes(attrs,
R.styleable.first);
String name = tArray.getString(R.styleable.first_name);
int age = tArray.getInt(R.styleable.first_age, 100);
//int dimen = tArray.getInt(R.styleable.first_testSize, 110);
System.out.println("name:" + name + "age:" + age + "dimen:" );
// 复用StyledAttributes
tArray.recycle();

}
}
4.在main.activity中通过id：tvTest使用改动过样式的view对象，如本例中的TextView。
以下附上两个demo，第一个为简单的自己定义标签的赋值和取出，第二个为较为复杂的FlatUi扁平化Ui的实现。大家能够參考一下。
扁平化效果图：

android自己定义标签的使用，实现扁平化UI设计

文章图片
android自己定义标签的使用，实现扁平化UI设计

文章图片


【android自己定义标签的使用，实现扁平化UI设计】http://download.csdn.net/detail/u014071669/7720493













































































    推荐阅读


    上一篇：Android PopupWindow使用方法小结

    下一篇：Android应用开发-小巫CSDN博客客户端开发开篇