一、统一的用户界面是可以使得应用程序更友好。要做到用户界面的统一,我们就必须用到风格(style)和主题(theme)。
自定义一个View的方法步骤如下:
1、首先,在values文件夹下定义一个atts.xml的文件,描述自定义的控件的属性
在values/attrs.xml中:
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="TestView">
<attr name="textColor" format="color" />
<attr name="textSize" format="dimension" />
<attr name="imgBackground" format="integer" />
<attr name="textPaddingLeft" format="dimension"/>
<attr name="textPaddingTop" format="dimension"/>
</declare-styleable>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="TestView">
<attr name="textColor" format="color" />
<attr name="textSize" format="dimension" />
<attr name="imgBackground" format="integer" />
<attr name="textPaddingLeft" format="dimension"/>
<attr name="textPaddingTop" format="dimension"/>
</declare-styleable>
</resources>
2、其次,定义一个继承自View的类,如:TestView,使其实现View的方法
view plaincopy to clipboardprint?
package com.test.TestView;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
public class TestView extends View {
private Paint mPaint;
private Context mContext;
private String mStr;
public TestView(Context context, AttributeSet attrs) {//构造方法;根据需要实现继承自View的方法
super(context, attrs);
mContext = context;
initMyView();
//对于我们自定义的类中,我们需要使用一个名为obtainStyledAttributes的方法来获取我们的定义。
TypedArray params = context.obtainStyledAttributes(attrs,R.styleable.MyView);
//得到自定义控件的属性值。
int backgroudId = params.getResourceId(R.styleable.MyView_imgBackground, 0);
if (backgroudId != 0)
setBackgroundResource(backgroudId);
int textColor = params.getColor(R.styleable.MyView_textColor,0XFFFFFFFF);
setTextColor(textColor);
float textSize = params.getDimension(R.styleable.MyView_textSize, 36);
setTextSize(textSize);
float paddingLeft = params.getDimension( R.styleable.MyView_textPaddingLeft, 41);
float paddingTop = params.getDimension(R.styleable.MyView_textPaddingTop, 21);
setPaddings(paddingLeft, paddingTop);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (mStr != null) {
canvas.drawText(mStr, 30, 60, mPaint);
}
}
private void initMyView() {
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
}
private void setTextColor(int textColor) {
mPaint.setColor(0XFFAABBCC);
}
private void setTextSize(float textSize) {
mPaint.setTextSize(textSize);
}
void setText(String text) {
mStr = text;
}
private void setPaddings(float paddingLeft, float paddingTop) {
setPadding((int) paddingLeft, (int) paddingTop, 0, 0);
}
}
package com.test.TestView;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
public class TestView extends View {
private Paint mPaint;
private Context mContext;
private String mStr;
public TestView(Context context, AttributeSet attrs) {//构造方法;根据需要实现继承自View的方法
super(context, attrs);
mContext = context;
initMyView();
//对于我们自定义的类中,我们需要使用一个名为obtainStyledAttributes的方法来获取我们的定义。
TypedArray params = context.obtainStyledAttributes(attrs,R.styleable.MyView);
//得到自定义控件的属性值。
int backgroudId = params.getResourceId(R.styleable.MyView_imgBackground, 0);
if (backgroudId != 0)
setBackgroundResource(backgroudId);
int textColor = params.getColor(R.styleable.MyView_textColor,0XFFFFFFFF);
setTextColor(textColor);
float textSize = params.getDimension(R.styleable.MyView_textSize, 36);
setTextSize(textSize);
float paddingLeft = params.getDimension( R.styleable.MyView_textPaddingLeft, 41);
float paddingTop = params.getDimension(R.styleable.MyView_textPaddingTop, 21);
setPaddings(paddingLeft, paddingTop);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (mStr != null) {
canvas.drawText(mStr, 30, 60, mPaint);
}
}
private void initMyView() {
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
}
private void setTextColor(int textColor) {
mPaint.setColor(0XFFAABBCC);
}
private void setTextSize(float textSize) {
mPaint.setTextSize(textSize);
}
void setText(String text) {
mStr = text;
}
private void setPaddings(float paddingLeft, float paddingTop) {
setPadding((int) paddingLeft, (int) paddingTop, 0, 0);
}
}
3、然后,在Layout文件中应用该自定义的view,如下:
如在main.xml中
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res/com.test.TestView"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<com.test.TestView.TestView
android:id="@+id/myview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
app:textColor="#FFFFFFFF"
app:textSize="40dip"
app:textPaddingLeft="40dip"
app:textPaddingTop="40dip"
app:imgBackground="@drawable/bg" />
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res/com.test.TestView"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<com.test.TestView.TestView
android:id="@+id/myview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
app:textColor="#FFFFFFFF"
app:textSize="40dip"
app:textPaddingLeft="40dip"
app:textPaddingTop="40dip"
app:imgBackground="@drawable/bg" />
</LinearLayout>
说明:上述红色部分——xmlns:app="http://schemas.android.com/apk/res/com.test.TestView"是首先声明命名空间。命名空间为app.路径是http://schemas.android.com/apk/res/这一部分是不变的,后面接的是R的路径:com.test.TestView.R。然后在自定义控件的xml描述中就可以这样使用app:value="true"。这样就实现了自定义控件的初始化赋值。
4、然后就是使用了,在自己的Activity 中
view plaincopy to clipboardprint?
public class TestActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TestView mTextView=(TestView)findViewById(R.id.TestView);
mTextView.setText("自定义的View");
}
}
public class TestActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TestView mTextView=(TestView)findViewById(R.id.TestView);
mTextView.setText("自定义的View");
}
}
5、另外:
以下内容转自:http://www.android123.com.cn/androidkaifa/591.html
对于Android系统的自定义View可能大家都熟悉了,对于自定义View的属性添加,以及Android的Layout的命名空间问题,很多网友还不是很清楚,今天Android123一起再带大家温习一下
view plaincopy to clipboardprint?
CwjView myView=new CwjView(context);
CwjView myView=new CwjView(context);
如果用于游戏或整个窗体的界面,我们可能直接在onCreate中setContentView(myView); 当然如果是控件,我们可能会需要从Layout的xml中声明,比如
view plaincopy to clipboardprint?
<cn.com.android123.CwjView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<cn.com.android123.CwjView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
当然,我们也可以直接从父类声明比如
view plaincopy to clipboardprint?
<View class="cn.com.android123.CwjView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<View class="cn.com.android123.CwjView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
上面我们仅用了父类View的两个属性,均来自android命名空间,而名称为layout_width或layout_height,我们自定义的控件可能有更多的功能,比如
view plaincopy to clipboardprint?
<cn.com.android123.CwjView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
cwj:age="22"
cwj:university="sjtu"
cwj:city="shanghai"
/>
<cn.com.android123.CwjView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
cwj:age="22"
cwj:university="sjtu"
cwj:city="shanghai"
/>
我们可以看到上面的三个属性,是我们自定义的。作为标准xml规范,可能还包含了类似 xmlns:android="http://schemas.android.com/apk/res/android" 这样的语句,对于定义完整的View,我们的命名空间为cwj,这里可以写为
xmlns:cwj=http://schemas.android.com/apk/res/cn.com.android123.cwjView 或
xmlns:cwj=http://schemas.android.com/apk/res/android 都可以。
对于定义的cwj命名空间和age、university以及city的三个属性我们如何定义呢? 在工程的res/values目录中我们新建一个cwj_attr.xml文件,编码方式为utf-8是一个好习惯,内容如下
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8" ?>
<resources>
<declare-styleable name="CwjView">
<attr name="age" format="integer" />
<attr name="city" format="string" />
<attr name="university" format="string" />
</declare-styleable>
</resources>
<?xml version="1.0" encoding="utf-8" ?>
<resources>
<declare-styleable name="CwjView">
<attr name="age" format="integer" />
<attr name="city" format="string" />
<attr name="university" format="string" />
</declare-styleable>
</resources>
这里我们可能对format不是很熟悉,目前Android系统内置的格式类型有integer比如ProgressBar的进度值,float比如RatingBar的值可能是3.5颗星,boolean比如ToggleButton的是否勾选,string比如TextView的text属性,当然除了我们常见的基础类型外,Android的属性还有特殊的比如color是用于颜色属性的,可以识别为#FF0000等类型,当然还有dimension的尺寸类型,比如23dip,15px,18sp的长度单位,还有一种特殊的为reference,一般用于引用@+id/cwj @drawable/xxx这样的类型。
当然什么时候用reference呢? 我们就以定义一个颜色为例子:
<attr name="red" format="color|reference" /> 这里我们用了逻辑或的运算符,定义的红色是颜色类型的,同时可以被引用。当然,对于我们自定义的类中,我们需要使用一个名为obtainStyledAttributes的方法来获取我们的定义。在我们自定义View的构造方法(Context context, AttributeSet attrs)的重载类型中可以用
view plaincopy to clipboardprint?
public CwjView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.cwj_attr);
mAge = a.getInteger(R.styleable.CwjView_age, 22);
mCity = a.getString(R.styleable.CwjView_city, "shanghai");
mUniversity= a.getString(R.styleable.CwjView_university, "sjtu");
a.recycle(); //Android123提示大家不要忘了回收资源
}
public CwjView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.cwj_attr);
mAge = a.getInteger(R.styleable.CwjView_age, 22);
mCity = a.getString(R.styleable.CwjView_city, "shanghai");
mUniversity= a.getString(R.styleable.CwjView_university, "sjtu");
a.recycle(); //Android123提示大家不要忘了回收资源
}
这样类的全局成员变量 mAge、mCity就获取了我们需要的内容,当然根据layout中的数值我们自定义的CwjView需要动态的处理一些数据的情况,可以使用AttributeSet类的getAttributeResourceValue方法获取。
view plaincopy to clipboardprint?
public CwjView(Context context, AttributeSet attrs){
super(context, attrs);
resId = attrs.getAttributeResourceValue("cn.com.android123.CwjView", "age", 100);
resId = attrs.getAttributeResourceValue("cn.com.android123.CwjView", "city", "shanghai");
//resID就可以任意使用了
public CwjView(Context context, AttributeSet attrs){
super(context, attrs);
resId = attrs.getAttributeResourceValue("cn.com.android123.CwjView", "age", 100);
resId = attrs.getAttributeResourceValue("cn.com.android123.CwjView", "city", "shanghai");
//resID就可以任意使用了
}
以上两种方法中,参数的最后一个数值为默认的