| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
sd7880005
10年前发布

android

一、统一的用户界面是可以使得应用程序更友好。要做到用户界面的统一,我们就必须用到风格(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就可以任意使用了
 }