广

android开发

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    android 自定义控件 自定义属性详细介绍

    2018-04-03 22:29:44 次阅读 稿源:互联网
    广告
    自定义控件在android中无处不见,自定义控件给了我们很大的方便。比如说,一个视图为imageview ,imagebutton ,textview 等诸多控件的组合,用的地方有很多,我们不可能每次都来写3个的组合,既浪费时间,效率又低。在这种情况下,我们就可以自定义一个view来替换他们,不仅提升了效率并且在xml中运用也是相当的美观。
    一、控件自定义属性介绍
    以下示例中代码均在values/attrs.xml 中定义,属性均可随意命名。
    1. reference:参考某一资源ID。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "background" format = "reference" />
    <attr name = "src" format = "reference" />
    </declare-styleable>

    2. color:颜色值。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "textColor" format = "color" />
    </declare-styleable>

    3. boolean:布尔值。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "focusable" format = "boolean" />
    </declare-styleable>

    4. dimension:尺寸值。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "layout_width" format = "dimension" />
    </declare-styleable>

    5. float:浮点值。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "fromAlpha" format = "float" />
    <attr name = "toAlpha" format = "float" />
    </declare-styleable>

    6. integer:整型值。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "frameDuration" format="integer" />
    <attr name = "framesCount" format="integer" />
    </declare-styleable>

    7. string:字符串。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "text" format = "string" />
    </declare-styleable>

    8. fraction:百分数。
    示例:
    [java]
    代码如下:

    <declare-styleable name="名称">
    <attr name = "pivotX" format = "fraction" />
    <attr name = "pivotY" format = "fraction" />
    </declare-styleable>

    9. enum:枚举值。
    示例:
    [java]
    代码如下:

    <declare-styleable name="名称">
    <attr name="orientation">
    <enum name="horizontal" value="0" />
    <enum name="vertical" value="1" />
    </attr>
    </declare-styleable>

    10. flag:位或运算。
    示例:
    [java]
    代码如下:

    <declare-styleable name="名称">
    <attr name="windowSoftInputMode">
    <flag name = "stateUnspecified" value = "0" />
    <flag name = "stateUnchanged" value = "1" />
    <flag name = "stateHidden" value = "2" />
    <flag name = "stateAlwaysHidden" value = "3" />
    </attr>
    </declare-styleable>

    11.多类型。
    示例:
    [java]
    代码如下:

    <declare-styleable name = "名称">
    <attr name = "background" format = "reference|color" />
    </declare-styleable>

    -------------------------------------------------------------------------------------------
    二、属性的使用以及自定义控件的实现
    1、构思控件的组成元素,思考所需自定义的属性。
    比如:我要做一个 <带阴影的按钮,按钮正下方有文字说明>(类似9宫格按钮)
    新建values/attrs.xml
    [java]
    代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
    <declare-styleable name="custom_view">
    <attr name="custom_id" format="integer" />
    <attr name="src" format="reference" />
    <attr name="background" format="reference" />
    <attr name="text" format="string" />
    <attr name="textColor" format="color" />
    <attr name="textSize" format="dimension" />
    </declare-styleable>
    </resources>

    以上,所定义为custom_view,custom_id为按钮id,src为按钮,background为阴影背景,text为按钮说明,textColor为字体颜色,textSize为字体大小。
    2、怎么自定义控件呢,怎么使用这些属性呢?话不多说请看代码,CustomView :
    代码如下:

    package com.nanlus.custom;
    import com.nanlus.custom.R;
    import android.content.Context;
    import android.content.res.TypedArray;
    import android.graphics.Color;
    import android.graphics.drawable.Drawable;
    import android.util.AttributeSet;
    import android.view.Gravity;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.FrameLayout;
    import android.widget.ImageButton;
    import android.widget.ImageView;
    import android.widget.TextView;
    public class CustomView extends FrameLayout implements OnClickListener {
    private CustomListener customListener = null;
    private Drawable mSrc = null, mBackground = null;
    private String mText = "";
    private int mTextColor = 0;
    private float mTextSize = 20;
    private int mCustomId = 0;
    private ImageView mBackgroundView = null;
    private ImageButton mButtonView = null;
    private TextView mTextView = null;
    private LayoutParams mParams = null;
    public CustomView(Context context) {
    super(context);
    }
    public CustomView(Context context, AttributeSet attrs) {
    super(context, attrs);
    TypedArray a = context.obtainStyledAttributes(attrs,
    R.styleable.custom_view);
    mSrc = a.getDrawable(R.styleable.custom_view_src);
    mBackground = a.getDrawable(R.styleable.custom_view_background);
    mText = a.getString(R.styleable.custom_view_text);
    mTextColor = a.getColor(R.styleable.custom_view_textColor,
    Color.WHITE);
    mTextSize = a.getDimension(R.styleable.custom_view_textSize, 20);
    mCustomId = a.getInt(R.styleable.custom_view_custom_id, 0);
    mTextView = new TextView(context);
    mTextView.setTextSize(mTextSize);
    mTextView.setTextColor(mTextColor);
    mTextView.setText(mText);
    mTextView.setGravity(Gravity.CENTER);
    mTextView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
    LayoutParams.WRAP_CONTENT));
    mButtonView = new ImageButton(context);
    mButtonView.setImageDrawable(mSrc);
    mButtonView.setBackgroundDrawable(null);
    mButtonView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
    LayoutParams.WRAP_CONTENT));
    mButtonView.setOnClickListener(this);
    mBackgroundView = new ImageView(context);
    mBackgroundView.setImageDrawable(mBackground);
    mBackgroundView.setLayoutParams(new LayoutParams(
    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
    addView(mBackgroundView);
    addView(mButtonView);
    addView(mTextView);
    this.setOnClickListener(this);
    a.recycle();
    }
    @Override
    protected void onAttachedToWindow() {
    super.onAttachedToWindow();
    mParams = (LayoutParams) mButtonView.getLayoutParams();
    if (mParams != null) {
    mParams.gravity = Gravity.CENTER_HORIZONTAL | Gravity.TOP;
    mButtonView.setLayoutParams(mParams);
    }
    mParams = (LayoutParams) mBackgroundView.getLayoutParams();
    if (mParams != null) {
    mParams.gravity = Gravity.CENTER_HORIZONTAL | Gravity.TOP;
    mBackgroundView.setLayoutParams(mParams);
    }
    mParams = (LayoutParams) mTextView.getLayoutParams();
    if (mParams != null) {
    mParams.gravity = Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM;
    mTextView.setLayoutParams(mParams);
    }
    }
    public void setCustomListener(CustomListener l) {
    customListener = l;
    }
    @Override
    public void onClick(View v) {
    if (customListener != null) {
    customListener.onCuscomClick(v, mCustomId);
    }
    }
    public interface CustomListener {
    void onCuscomClick(View v, int custom_id);
    }
    }

    代码很简单,就不多说,下面来看看我们的CustomView是怎么用的,请看:
    3、自定义控件的使用
    话不多说,请看代码,main.xml:
    [java]
    代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:nanlus="http://schemas.android.com/apk/res/com.nanlus.custom"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:orientation="horizontal" >
    <com.nanlus.custom.CustomView
    android:id="@+id/custom1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    nanlus:background="@drawable/background"
    nanlus:custom_id="1"
    nanlus:src="@drawable/style_button"
    nanlus:text="按钮1" >
    </com.nanlus.custom.CustomView>
    </LinearLayout>
    </RelativeLayout>

    在这里需要解释一下,
    xmlns:nanlus="http://schemas.android.com/apk/res/com.nanlus.custom"
    nanlus为在xml中的前缀,com.nanlus.custom为包名
    4、在Activity中,直接上代码
    [java]
    代码如下:

    package com.nanlus.custom;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.ImageButton;
    import android.widget.ImageView;
    import android.widget.TextView;
    import android.widget.Toast;
    import com.nanlus.BaseActivity;
    import com.nanlus.custom.R;
    import com.nanlus.custom.CustomView.CustomListener;
    public class CustomActivity extends BaseActivity implements CustomListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    ((CustomView) this.findViewById(R.id.custom1)).setCustomListener(this);
    }
    @Override
    public void onCuscomClick(View v, int custom_id) {
    switch (custom_id) {
    case 1:
    Toast.makeText(this, "hello !!!", Toast.LENGTH_LONG).show();
    break;
    default:
    break;
    }
    }
    }

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告