Android 标签控件

版本：1.0

日期：2014.7.24

版权：© 2014 kince 转载注明出处

在有的应用中可能需要设置一些标签来方便用去去查询某些信息，比如手机助手或者购物软件之类都会有一些标签。对于软件开发初期来说，直接使用TextView、Button实现是最为简单的一种方式。但是这种方法也有其局限性，比如不能控制换行、耦合性低等缺点。所以除了解决这些问题之外，最好能够封装一个类库出来，方便以后使用。

首先新建一个Tag类，

import java.io.Serializable;

public class Tag implements Serializable {

      /**
      *
      */
      private static final long serialVersionUID = 2684657309332033242L;

      private int backgroundResId ;
      private int id ;
      private boolean isChecked ;
      private int leftDrawableResId ;
      private int rightDrawableResId ;
      private String title;

      public Tag() {

     }

      public Tag( int paramInt, String paramString) {
           this .id = paramInt;
           this .title = paramString;
     }

      public int getBackgroundResId() {
           return this .backgroundResId ;
     }

      public int getId() {
           return this .id ;
     }

      public int getLeftDrawableResId() {
           return this .leftDrawableResId ;
     }

      public int getRightDrawableResId() {
           return this .rightDrawableResId ;
     }

      public String getTitle() {
           return this .title ;
     }

      public boolean isChecked() {
           return this .isChecked ;
     }

      public void setBackgroundResId( int paramInt) {
           this .backgroundResId = paramInt;
     }

      public void setChecked( boolean paramBoolean) {
           this .isChecked = paramBoolean;
     }

      public void setId(int paramInt) {
           this .id = paramInt;
     }

      public void setLeftDrawableResId( int paramInt) {
           this .leftDrawableResId = paramInt;
     }

      public void setRightDrawableResId( int paramInt) {
           this .rightDrawableResId = paramInt;
     }

      public void setTitle(String paramString) {
           this .title = paramString;
     }
}

这个类封装了标签视图的背景图片资源、id、是否check等。

然后新建TagView类，继承自ToggleButton，

import com.niceapp.lib.tagview.R;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ToggleButton;

public class TagView extends ToggleButton {

      private boolean mCheckEnable = true;

      public TagView(Context paramContext) {
           super (paramContext);
          init();
     }

      public TagView(Context paramContext, AttributeSet paramAttributeSet) {
           super (paramContext, paramAttributeSet);
          init();
     }

      public TagView(Context paramContext, AttributeSet paramAttributeSet,
               int paramInt) {
           super (paramContext, paramAttributeSet, 0);
          init();
     }

      private void init() {
          setTextOn( null );
          setTextOff( null );
          setText( "" );
          setBackgroundResource(R.drawable. tag_bg );
     }

      public void setCheckEnable( boolean paramBoolean) {
           this .mCheckEnable = paramBoolean;
           if (!this .mCheckEnable ) {
               super .setChecked( false);
          }
     }

      public void setChecked( boolean paramBoolean) {
           if (this .mCheckEnable ) {
               super .setChecked(paramBoolean);
          }
     }
}

这个TagView就是标签视图，标签信息由他来显示。相应的xml文件如下，tag.xml:

<? xml version= "1.0" encoding = "utf-8"?>
< com.niceapp.lib.tagview.widget.TagView xmlns:android ="http://schemas.android.com/apk/res/android"
    android:layout_width= "wrap_content"
    android:layout_height= "wrap_content"
    android:drawablePadding= "5.0dip"
    android:minHeight= "0.0dip"
    android:paddingBottom= "4.5dip"
    android:paddingLeft= "20.0dip"
    android:paddingRight= "20.0dip"
    android:paddingTop= "4.5dip"
    android:textColor= "#ff000000"
    android:textSize= "16.0sp" />

显示如下：

在github上有一个android-flowlayout控件，它是根据子视图的大小来动态包裹视图，如图：

因此，控制换行就可以利用这个控件去实现，无需重复发明轮子。android-flowlayout功能实现的类是FlowLayout，所以通过继承这个类来完成标签控件的实现。

import java.util.ArrayList;
import java.util.List;
import com.niceapp.lib.tagview.R;
import android.content.Context;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.CompoundButton;

/**
* @author kince
*
*/
public class TagListView extends FlowLayout implements OnClickListener {

     private boolean mIsDeleteMode;
     private OnTagCheckedChangedListener mOnTagCheckedChangedListener;
     private OnTagClickListener mOnTagClickListener;
     private int mTagViewBackgroundResId;
     private int mTagViewTextColorResId;
     private final List<Tag> mTags = new ArrayList<Tag>();

     /**
     * @param context
     */
     public TagListView(Context context) {
          super(context);
          // TODO Auto-generated constructor stub
          init();
     }

     /**
     * @param context
     * @param attributeSet
     */
     public TagListView(Context context, AttributeSet attributeSet) {
          super(context, attributeSet);
          // TODO Auto-generated constructor stub
          init();
     }

     /**
     * @param context
     * @param attributeSet
     * @param defStyle
     */
     public TagListView(Context context, AttributeSet attributeSet, int defStyle) {
          super(context, attributeSet, defStyle);
          // TODO Auto-generated constructor stub
          init();
     }

     @Override
     public void onClick(View v) {
          if ((v instanceof TagView)) {
               Tag localTag = (Tag) v.getTag();
               if (this.mOnTagClickListener != null) {
                    this.mOnTagClickListener.onTagClick((TagView) v, localTag);
               }
          }
     }

     private void init() {

     }

     private void inflateTagView(final Tag t, boolean b) {

          TagView localTagView = (TagView) View.inflate(getContext(),
                    R.layout.tag, null);
          localTagView.setText(t.getTitle());
          localTagView.setTag(t);

          if (mTagViewTextColorResId <= 0) {
               int c = getResources().getColor(R.color.blue);
               localTagView.setTextColor(c);

          }

          if (mTagViewBackgroundResId <= 0) {
               mTagViewBackgroundResId = R.drawable.tag_bg;
               localTagView.setBackgroundResource(mTagViewBackgroundResId);
          }

          localTagView.setChecked(t.isChecked());
          localTagView.setCheckEnable(b);
          if (mIsDeleteMode) {
               int k = (int) TypedValue.applyDimension(1, 5.0F, getContext()
                         .getResources().getDisplayMetrics());
               localTagView.setPadding(localTagView.getPaddingLeft(),
                         localTagView.getPaddingTop(), k,
                         localTagView.getPaddingBottom());
               localTagView.setCompoundDrawablesWithIntrinsicBounds(0, 0,
                         R.drawable.forum_tag_close, 0);
          }
          if (t.getBackgroundResId() > 0) {
               localTagView.setBackgroundResource(t.getBackgroundResId());
          }
          if ((t.getLeftDrawableResId() > 0) || (t.getRightDrawableResId() > 0)) {
               localTagView.setCompoundDrawablesWithIntrinsicBounds(
                         t.getLeftDrawableResId(), 0, t.getRightDrawableResId(), 0);
          }
          localTagView.setOnClickListener(this);
          localTagView
                    .setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                         public void onCheckedChanged(
                                   CompoundButton paramAnonymousCompoundButton,
                                   boolean paramAnonymousBoolean) {
                              t.setChecked(paramAnonymousBoolean);
                              if (TagListView.this.mOnTagCheckedChangedListener != null) {
                                   TagListView.this.mOnTagCheckedChangedListener
                                             .onTagCheckedChanged(
                                                       (TagView) paramAnonymousCompoundButton,
                                                       t);
                              }
                         }
                    });
          addView(localTagView);
     }

     public void addTag(int i, String s) {
          addTag(i, s, false);
     }

     public void addTag(int i, String s, boolean b) {
          addTag(new Tag(i, s), b);
     }

     public void addTag(Tag tag) {
          addTag(tag, false);
     }

     public void addTag(Tag tag, boolean b) {
          mTags.add(tag);
          inflateTagView(tag, b);
     }

     public void addTags(List<Tag> lists) {
          addTags(lists, false);
     }

     public void addTags(List<Tag> lists, boolean b) {
          for (int i = 0; i < lists.size(); i++) {
               addTag((Tag) lists.get(i), b);
          }
     }

     public List<Tag> getTags() {
          return mTags;
     }

     public View getViewByTag(Tag tag) {
          return findViewWithTag(tag);
     }

     public void removeTag(Tag tag) {
          mTags.remove(tag);
          removeView(getViewByTag(tag));
     }

     public void setDeleteMode(boolean b) {
          mIsDeleteMode = b;
     }

     public void setOnTagCheckedChangedListener(
               OnTagCheckedChangedListener onTagCheckedChangedListener) {
          mOnTagCheckedChangedListener = onTagCheckedChangedListener;
     }

     public void setOnTagClickListener(OnTagClickListener onTagClickListener) {
          mOnTagClickListener = onTagClickListener;
     }

     public void setTagViewBackgroundRes(int res) {
          mTagViewBackgroundResId = res;
     }

     public void setTagViewTextColorRes(int res) {
          mTagViewTextColorResId = res;
     }

     public void setTags(List<? extends Tag> lists) {
          setTags(lists, false);
     }

     public void setTags(List<? extends Tag> lists, boolean b) {
          removeAllViews();
          mTags.clear();
          for (int i = 0; i < lists.size(); i++) {
               addTag((Tag) lists.get(i), b);
          }
     }

     public static abstract interface OnTagCheckedChangedListener {
          public abstract void onTagCheckedChanged(TagView tagView, Tag tag);
     }

     public static abstract interface OnTagClickListener {
          public abstract void onTagClick(TagView tagView, Tag tag);
     }

}

这个类最要的部分还是inflateTagView这个方法，它将TagView解析出来出来，然后显示出TagListView所要显示的标签。

最后Activity的代码如下：

import java.util.ArrayList;
import java.util.List;
import com.niceapp.lib.tagview.widget.Tag;
import com.niceapp.lib.tagview.widget.TagListView;
import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

     private TagListView mTagListView;
     private final List<Tag> mTags = new ArrayList<Tag>();
     private final String[] titles = { "安全必备", "音乐", "父母学", "上班族必备",
               "360手机卫士", "QQ","输入法", "微信", "最美应用", "AndevUI", "蘑菇街" };

     @Override
     protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.select_tag_activity);

          mTagListView = (TagListView) findViewById(R.id.tagview);
          setUpData();
          mTagListView.setTags(mTags);
     }

     private void setUpData() {
          for (int i = 0; i < 10; i++) {
               Tag tag = new Tag();
               tag.setId(i);
               tag.setChecked(true);
               tag.setTitle(titles[i]);
               mTags.add(tag);
          }
     }
}

真机显示效果如下：

当然，这个TagView的外观还是可以自己设置的，包括字体、背景等等。

项目代码下载地址：http://download.csdn.net/detail/wangjinyu501/7673827

Android 标签控件,布布扣,bubuko.com

时间： 2024-10-23 19:25:25

Android 标签控件的相关文章

TabHost标签控件

如果在屏幕上要放置很多的控件,可能一个屏放不下,除了使用滚动视图的方式外,还可以使用标签控件对屏幕进行分页显示,当单击标签控件的不同标签时,会显示当前标签的内容,在android系统中一个标签可以是一个View或者是Activity. TabHost是标签控件的核心类,也是一个标签的集合,每一个标签是TabHost.TabSpec对象.通过TabHost类的addTab的方法添加多个TabHost.TabSpec对象. 下面是实列: 在main.xml文件中: 1 <RelativeLayout

ArcGIS for Android地图控件的5大常见操作

原文地址: ArcGIS for Android地图控件的5大常见操作 - ArcGIS_Mobile的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/arcgis_mobile/article/details/7801467   GIS的开发中,什么时候都少不了地图操作.ArcGIS for Android中,地图组件就是MapView,MapView是基于Android中ViewGroup的一个类(参考),也是ArcGIS Runtime SDK for

TextView(标签控件)

3.TextView(标签控件)   3.1常用      android:text                                              //显示文本内容      android:textColor                                         //文本颜色      android:textSize                                          //文字的大小      android

Android UI控件常用库汇总

现在App的开发已经是非常成熟,涌现了一大批开源的工具.这些项目能够提高我们的搬砖效率.以下是一些在开发中比较常使用的控件和库. ListView WaveSwipeRefreshLayout 水滴效果的下拉刷新 https://github.com/recruit-lifestyle/WaveSwipeRefreshLayout Phoenix 非常漂亮的下拉效果 https://github.com/Yalantis/Phoenix android-Ultra-Pull-To-Refresh

Android基本控件之Menus

在我们的手机中有很多样式的菜单,比如:我们的短信界面,每条短信,我们长按都会出现一个菜单,还有很多的种类.那么现在,我们就来详细的讨论一下安卓中的菜单 Android的控件中就有这么一个,叫做Menus.就是菜单的意思,他基本分为三种:选项式菜单.上下文菜单.弹出式菜单 我们先来看第一种:选项式菜单 那么什么是选项式菜单呢? 就是当我们点击一个菜单的时候会弹出来一个菜单 如上图所示,右上角的那三个小点 就是菜单按钮,当我们点击时就会弹出一个菜单,这就是一个选项是菜单,既然我们知道是什么东西了,我

Android常用控件：进度条

各种进度条属于 ProgressBar的子类 Sytle: 水平风格:Horizontal小风格:Small大风格:Large反向风格:Inverse小反向风格:Small.Inverse大反向风格:Large.Inverse 设置style:   style="?android:attr/progressBarStyle..." 主要属性:最大值:max当前进度:progress次要进度值:SecondaryProgress --效果类似于看电影那些缓冲 判断进度条是转圈还是水平的方

[Android]界面控件

1. 引用系统自带样式 字体大小 对于能够显示文字的控件(如TextView EditText RadioButton Button CheckBox Chronometer等等),你有时需要控制字体的大小.Android平台定义了三种字体大小. "?android:attr/textAppearanceLarge" "?android:attr/textAppearanceMedium" "?android:attr/textAppearanceSmal

TextView标签控件

a.常用:   android:text//显示文本内容   android:textSize//文字大小   android:textColor//文本颜色   android:textStyle//字体样式:bold,italic   android:maxLength//允许的最大字符数    android:password//是否用密文显示:true,false b.方法:  setText(String); //设置文本内容  geetText().tostring //返回文本内容

Android界面编程——Android基本控件

 Android界面编程 Android应用开发的一项重要内容就是界面开发.对于用户来说,不管APP包含的逻辑多么复杂,功能多么强大,如果没有提供友好的图形交互界面,将很难吸引最终用户. 作为一个程序员如何才能开发出友好的图形界面呢.实际上Android提供了非常丰富UI(User Interface)控件,开发者只要掌握了这些控件的特性,按照一定的规律,就可以像堆积木一样开发出友好的图形界面. 本章内容将介绍常用控件的具体用法. 2.1  Android UI的基础知识 Android中所有的