Android仿QQ个人标签添加与删除功能

 更新时间:2018年12月07日 12:03:26   作者:凯扬  
这篇文章主要为大家详细介绍了Android仿QQ个人标签添加与删除功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近在公司项目开发中,有一个类似于QQ个人标签的需求要完成,具体包括个人标签的添加,删除,添加过程中重复的标签会提示用户,不能够进行添加。先给大家看一下效果图。

点击标签按钮,弹出标签选择的页面,显示所有的标签;点击全部标签里面的item,选择的标签会显示在上方;再次点击相同的标签进行添加,会提示用户“标签已存在,请重新添加”;点击上方已经选择好的标签,进行删除操作

业务逻辑就是这样,下面是具体实现过程:

一、界面布局:

<LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="@dimen/label_hei" >

  <GridView
   android:id="@+id/label_check_gv"
   style="@style/w_h_full"
   android:layout_margin="@dimen/margin"
   android:horizontalSpacing="@dimen/margin"
   android:numColumns="4"
   android:scrollbars="none"
   android:stretchMode="columnWidth"
   android:verticalSpacing="@dimen/margin" >
  </GridView>
 </LinearLayout>

 <LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="@dimen/activity_bar"
  android:background="@color/gray_bg" >

  <TextView
   style="@style/w_wrap_h_wrap"
   android:layout_gravity="center_vertical"
   android:layout_marginLeft="@dimen/margin"
   android:text="@string/all_label" />
 </LinearLayout>

 <GridView
  android:id="@+id/label_gv"
  style="@style/w_h_full"
  android:layout_margin="@dimen/margin"
  android:horizontalSpacing="@dimen/margin"
  android:numColumns="4"
  android:scrollbars="none"
  android:stretchMode="columnWidth"
  android:verticalSpacing="@dimen/margin" >
</GridView>

关键布局就是两个Gridview,其中属性依次设置的是ID,高宽,边距,水平边距,列数,隐藏滚动条,缩放与列宽大小同步,垂直边距。item里面的布局就是textview,背景是一个自定义的边框。

二、Gridview的适配器:

public class FragLabelGridViewAdapter extends BaseAdapter {

 class ViewHolder {
  @ViewInject(R.id.gv_label_txt)
  public TextView label;
 }

 private Context context;
 private LayoutInflater inflater;
 private List<String> labels;

 public FragLabelGridViewAdapter(List<String> labels, Context context) {
  this.context = context;
  inflater = LayoutInflater.from(context);
  this.labels = labels;

 }

 @Override
 public int getCount() {
  return labels.size();
 }

 @Override
 public Object getItem(int position) {
  return (position);
 }

 @Override
 public long getItemId(int id) {
  // TODO Auto-generated method stub
  return id;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder viewHolder;
  if (convertView == null) {
   convertView = inflater.inflate(R.layout.gv_item_label, null);
   viewHolder = new ViewHolder();
   ViewUtils.inject(viewHolder, convertView);
   convertView.setTag(viewHolder);
  } else {
   viewHolder = (ViewHolder) convertView.getTag();
  }
  viewHolder.label.setText(labels.get(position));
  return convertView;
 }

}

核心就是使用viewHolder来优化Gridview,原理就是convertView的复用:当第一次创建convertView对象时,便把item的子View控件对象实例化出来并保存到ViewHolder对象中(这里使用了Xutils的注解)。然后用convertView的setTag将viewHolder对象设置到Tag中, 当以后再次加载ListView的item时便可以直接从Tag中取出ViewHolder对象,不需要每次都去获取item的子控件对象。这样达到复用的目的,大大提高了性能。

三、主界面的代码:

public class FragmentLabel extends Fragment {

 @ViewInject(R.id.label_gv)
 GridView labelGridview;
 @ViewInject(R.id.label_check_gv)
 GridView labelCheckGridview;
 private Context context;
 private FragLabelGridViewAdapter adapter;
 private FragLabelCheckGridViewAdapter checkAdapter;
 // 所有标签
 private List<String> labels = new ArrayList<String>();
 // 已选标签
 private List<String> checkLabels = new ArrayList<String>();

 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {

  View view = inflater.inflate(R.layout.fragment_label, container, false);
  ViewUtils.inject(this, view);
  context = getActivity().getApplicationContext();
  return view;

 }

 @Override
 public void onActivityCreated(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onActivityCreated(savedInstanceState);
  initviews();
 }

首先是通过注解来进行组件的声明,效果与findviewbyid()一样。然后就是两个Gridview的适配器的声明,接下来就是模拟Gridview里面的数据进行操作

private void initviews() {
  labels.add("高血压");
  labels.add("糖尿病");
  labels.add("肺炎");
  labels.add("肝炎");
  labels.add("高血脂");
  labels.add("心脏病");
  labels.add("中暑");
  labels.add("肺炎");
  labels.add("感冒");
  labels.add("高血脂");
  labels.add("胃病");
  labels.add("糖尿病");
  labels.add("肺炎");
  labels.add("肝炎");
  labels.add("高血脂");
  labels.add("高血压");
  labels.add("糖尿病");
  labels.add("肺炎");
  labels.add("肝炎");
  labels.add("高血脂");
  labels.add("高血压");
  labels.add("糖尿病");
  labels.add("肺炎");

  adapter = new FragLabelGridViewAdapter(labels, context);
  labelGridview.setAdapter(adapter);
  labelGridview.setOnItemClickListener(new OnItemClickListener() {

   @Override
   public void onItemClick(AdapterView<?> arg0, View arg1,
     int position, long arg3) {
    for (int i = 0; i < checkLabels.size(); i++) {
     if (labels.get(position) == checkLabels.get(i)) {
      UiUtil.showToast(context,
        getResources().getString(R.string.label_toast));
      return;
     }

    }
    checkLabels.add(labels.get(position));

    refresh();
   }

  });
  checkAdapter = new FragLabelCheckGridViewAdapter(checkLabels, context);
  labelCheckGridview.setAdapter(checkAdapter);
  labelCheckGridview.setOnItemClickListener(new OnItemClickListener() {

   @Override
   public void onItemClick(AdapterView<?> arg0, View arg1,
     int position, long arg3) {
    checkLabels.remove(position);
    refresh();
   }
  });

 }

 private void refresh() {
  checkAdapter.setLabels(checkLabels);
  checkAdapter.notifyDataSetChanged();
 }
}

首先往list集合添加数据,这里都是模拟的数据,实际情况数据都会从服务器获取。通过构造方法传递了两个参数来实例化适配器,并给Gridview绑定适配器。

给下面Gridview的item绑定监听器,处理点击添加操作。点击事件里面,首先要进行标签唯一性的判断,遍历上面Gridview的list集合,如果与点击item的值一样,会提示用户“标签存在”,如果标签不存在,则会将数据添加在上面的Gridview的list中。最后执行refresh方法,将数据传递给adapter,然后调用notifyDataSetChanged()方法,这样选择的标签会自动出现在上面,无需刷新操作。

给上面Gridview的item绑定监听器,处理点击删除操作,调用的是list的remove(position)方法,删除方法执行以后,再调用一下刷新方法。最后运行的效果和刚开始的图片一样。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android Flutter实现任意拖动的控件

    Android Flutter实现任意拖动的控件

    使用flutter开发是需要控件能拖动,比如画板中的元素,或者工具条等,所以本文为大家准备了Flutter实现任意拖动控件的示例代码,希望对大家有所帮助
    2023-07-07
  • 深入探究Android动态代理的原理及用途

    深入探究Android动态代理的原理及用途

    动态代理是一种在编程中非常有用的设计模式,它允许你在运行时创建一个代理对象来代替原始对象,以便在方法调用前后执行额外的逻辑,本文将深入探讨Android动态代理的原理、用途和实际示例
    2023-09-09
  • AndroidStudio项目制作倒计时模块的方法

    AndroidStudio项目制作倒计时模块的方法

    本篇文章主要介绍了AndroidStudio项目制作倒计时模块的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Android使用WebView播放flash的方法

    Android使用WebView播放flash的方法

    这篇文章主要介绍了Android使用WebView播放flash及判断是否安装flash插件的方法,以实例形式详细讲述了从布局、逻辑判断到功能最终实现播放Flash的方法,是Android程序设计中比较典型的应用,需要的朋友可以参考下
    2014-11-11
  • android原生JSON解析实例

    android原生JSON解析实例

    通过实例给大家详细分析一下关于android开发原生JSON解析的问题。
    2017-11-11
  • Android自定义转盘菜单效果

    Android自定义转盘菜单效果

    这篇文章主要为大家详细介绍了Android自定义转盘菜单效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • Android实现代码画虚线边框背景效果

    Android实现代码画虚线边框背景效果

    可能之前遇到这样的需求大家都会想到用图片背景来解决,下面这篇文章将给大家介绍Android如何利用代码画虚线边框背景的效果,有需要的朋友们可以参考借鉴,下面来跟着小编一起学习学习吧。
    2016-12-12
  • Android利用传感器仿微信摇一摇功能

    Android利用传感器仿微信摇一摇功能

    这篇文章主要为大家详细介绍了Android利用传感器仿微信摇一摇功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Android 检测键盘显示或隐藏键盘的实现代码

    Android 检测键盘显示或隐藏键盘的实现代码

    这篇文章主要介绍了Android 检测键盘显示或隐藏键盘的实现代码的相关资料,需要的朋友可以参考下
    2017-07-07
  • android用java和c实现查找sd卡挂载路径(sd卡路径)的方法

    android用java和c实现查找sd卡挂载路径(sd卡路径)的方法

    这篇文章主要介绍了android用java和c实现查找sd卡挂载路径(sd卡路径)的方法,需要的朋友可以参考下
    2014-02-02

最新评论