脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → android 自定义控件 自定义属性

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

 更新时间：2012年11月26日 14:21:39   作者：  
在android相关应用开发过程中，固定的一些属性可能满足不了开发的需求，所以在一些特殊情况下，需要自定义控件与属性，本文将以此问题进行详细介绍，需要的朋友可以参考下
自定义控件在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;
}
}
}
您可能感兴趣的文章:

相关文章

  • 了解Android OpenGLES2.0（一）

    了解Android OpenGLES2.0（一）

    OpenGLES2.0是一个功能强大，调用方便的底层图形库，这篇文章主要为大家详细介绍了Android OpenGLES2.0的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Android使用recyclerview打造真正的下拉刷新上拉加载效果

    Android使用recyclerview打造真正的下拉刷新上拉加载效果

    这篇文章先介绍如何使用这个recyclerview，WZMRecyclerview 是一个集成了 下拉刷新、上拉加载、滑到底部自动加载、添加删除头尾部 四个主要功能的recyclerview,需要的朋友可以参考下
    2016-11-11
  • Android图表库HelloCharts的实例详解

    Android图表库HelloCharts的实例详解

    这篇文章主要介绍了Android中的图标库HelloCharts的一些简单使用实例，文中的示例代码讲解详细，对我们学习有一定的参考价值，需要的可以参考一下
    2022-01-01
  • Android 超详细SplashScreen入门教程

    Android 超详细SplashScreen入门教程

    Android 12正式版即将发布，有一个非常显著的视觉变化就是，Android 12强制给所有的App都增加了SplashScreen的功能。是的，即使你什么都不做，只要你的App安装到了Android 12手机上，都会自动拥有这个新功能
    2022-03-03
  • Android使用ImageView 制作透明圆弧实例代码

    Android使用ImageView 制作透明圆弧实例代码

    这篇文章主要介绍了Android使用ImageView 制作透明圆弧实例代码的相关资料,需要的朋友可以参考下
    2016-05-05
  • Android实战教程第九篇之短信高效备份

    Android实战教程第九篇之短信高效备份

    这篇文章主要为大家详细介绍了Android实战教程第九篇之短信高效备份,利用xml序列化器备份短信，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android使用GridView实现日历功能示例（详细代码）

    Android使用GridView实现日历功能示例（详细代码）

    本篇文章主要介绍了Android使用GridView实现日历功能示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧。
    2017-01-01
  • 基于Flutter实现动态高斯模糊的流程步骤

    基于Flutter实现动态高斯模糊的流程步骤

    一个App加上高斯模糊会形成一种高级的感觉,本文将介绍如何制作一个根据背景内容来动态高斯模糊,文中有详细的代码实现步骤,代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2023-11-11
  • android自定义进度条移动效果

    android自定义进度条移动效果

    这篇文章主要为大家详细介绍了android自定义进度条移动效果，进度数字随进度移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Android 自定义SeekBar 实现分段显示不同背景颜色的示例代码

    Android 自定义SeekBar 实现分段显示不同背景颜色的示例代码

    这篇文章主要介绍了Android 自定义SeekBar 实现分段显示不同背景颜色,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-06-06

最新评论