一、统一的用户界面是可以使得应用程序更友好。要做到用户界面的统一,我们就必须用到风格(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="" xmlns:app="" 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="" xmlns:app="" 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=""是首先声明命名空间。命名空间为app.路径是这一部分是不变的,后面接的是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、另外:以下内容转自:
对于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="" 这样的语句,对于定义完整的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就可以任意使用了 }以上两种方法中,参数的最后一个数值为默认的