Android仿QQ個(gè)人標(biāo)簽添加與刪除功能
最近在公司項(xiàng)目開發(fā)中,有一個(gè)類似于QQ個(gè)人標(biāo)簽的需求要完成,具體包括個(gè)人標(biāo)簽的添加,刪除,添加過程中重復(fù)的標(biāo)簽會(huì)提示用戶,不能夠進(jìn)行添加。先給大家看一下效果圖。
點(diǎn)擊標(biāo)簽按鈕,彈出標(biāo)簽選擇的頁(yè)面,顯示所有的標(biāo)簽;點(diǎn)擊全部標(biāo)簽里面的item,選擇的標(biāo)簽會(huì)顯示在上方;再次點(diǎn)擊相同的標(biāo)簽進(jìn)行添加,會(huì)提示用戶“標(biāo)簽已存在,請(qǐng)重新添加”;點(diǎn)擊上方已經(jīng)選擇好的標(biāo)簽,進(jìn)行刪除操作
業(yè)務(wù)邏輯就是這樣,下面是具體實(shí)現(xiàn)過程:
一、界面布局:
<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>
關(guān)鍵布局就是兩個(gè)Gridview,其中屬性依次設(shè)置的是ID,高寬,邊距,水平邊距,列數(shù),隱藏滾動(dòng)條,縮放與列寬大小同步,垂直邊距。item里面的布局就是textview,背景是一個(gè)自定義的邊框。
二、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來(lái)優(yōu)化Gridview,原理就是convertView的復(fù)用:當(dāng)?shù)谝淮蝿?chuàng)建convertView對(duì)象時(shí),便把item的子View控件對(duì)象實(shí)例化出來(lái)并保存到ViewHolder對(duì)象中(這里使用了Xutils的注解)。然后用convertView的setTag將viewHolder對(duì)象設(shè)置到Tag中, 當(dāng)以后再次加載ListView的item時(shí)便可以直接從Tag中取出ViewHolder對(duì)象,不需要每次都去獲取item的子控件對(duì)象。這樣達(dá)到復(fù)用的目的,大大提高了性能。
三、主界面的代碼:
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; // 所有標(biāo)簽 private List<String> labels = new ArrayList<String>(); // 已選標(biāo)簽 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(); }
首先是通過注解來(lái)進(jìn)行組件的聲明,效果與findviewbyid()一樣。然后就是兩個(gè)Gridview的適配器的聲明,接下來(lái)就是模擬Gridview里面的數(shù)據(jù)進(jìn)行操作
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集合添加數(shù)據(jù),這里都是模擬的數(shù)據(jù),實(shí)際情況數(shù)據(jù)都會(huì)從服務(wù)器獲取。通過構(gòu)造方法傳遞了兩個(gè)參數(shù)來(lái)實(shí)例化適配器,并給Gridview綁定適配器。
給下面Gridview的item綁定監(jiān)聽器,處理點(diǎn)擊添加操作。點(diǎn)擊事件里面,首先要進(jìn)行標(biāo)簽唯一性的判斷,遍歷上面Gridview的list集合,如果與點(diǎn)擊item的值一樣,會(huì)提示用戶“標(biāo)簽存在”,如果標(biāo)簽不存在,則會(huì)將數(shù)據(jù)添加在上面的Gridview的list中。最后執(zhí)行refresh方法,將數(shù)據(jù)傳遞給adapter,然后調(diào)用notifyDataSetChanged()方法,這樣選擇的標(biāo)簽會(huì)自動(dòng)出現(xiàn)在上面,無(wú)需刷新操作。
給上面Gridview的item綁定監(jiān)聽器,處理點(diǎn)擊刪除操作,調(diào)用的是list的remove(position)方法,刪除方法執(zhí)行以后,再調(diào)用一下刷新方法。最后運(yùn)行的效果和剛開始的圖片一樣。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android中父View和子view的點(diǎn)擊事件處理問題探討
- 用Kotlin實(shí)現(xiàn)Android點(diǎn)擊事件的方法
- 簡(jiǎn)單講解Android開發(fā)中觸摸和點(diǎn)擊事件的相關(guān)編程方法
- Android中捕捉menu按鍵點(diǎn)擊事件的方法
- Android RecyclerView的Item點(diǎn)擊事件實(shí)現(xiàn)整理
- Android使用RecyclerView實(shí)現(xiàn)自定義列表、點(diǎn)擊事件以及下拉刷新
- Android給TextView添加點(diǎn)擊事件的實(shí)現(xiàn)方法
- Android中使用TagFlowLayout制作動(dòng)態(tài)添加刪除標(biāo)簽
- Android實(shí)現(xiàn)動(dòng)態(tài)添加標(biāo)簽及其點(diǎn)擊事件
相關(guān)文章
Jetpack Compose 雙指拖拽實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了Jetpack Compose 雙指拖拽實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11Android OnCreate()中獲取控件高度與寬度兩種方法詳解
這篇文章主要介紹了Android OnCreate()中獲取控件高度與寬度兩種方法詳解的相關(guān)資料,這里提供了兩種方法,大家可以都看下,需要的朋友可以參考下2016-12-12Android多功能時(shí)鐘開發(fā)案例(實(shí)戰(zhàn)篇)
這篇文章主要為大家詳細(xì)介紹了Android多功能時(shí)鐘開發(fā)案例,開發(fā)了時(shí)鐘、鬧鐘、計(jì)時(shí)器和秒表,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05Android中制作進(jìn)度框和環(huán)形進(jìn)度條的簡(jiǎn)單實(shí)例分享
這篇文章主要介紹了Android中制作進(jìn)度框和環(huán)形進(jìn)度條的簡(jiǎn)單實(shí)例分享,環(huán)形進(jìn)度條帶有基本的百分比顯示,需要的朋友可以參考下2016-03-03Android編程實(shí)現(xiàn)TextView垂直自動(dòng)滾動(dòng)功能【附demo源碼下載】
這篇文章主要介紹了Android編程實(shí)現(xiàn)TextView垂直自動(dòng)滾動(dòng)功能,詳細(xì)分析了Android TextView垂直自動(dòng)滾動(dòng)功能的實(shí)現(xiàn)步驟與布局、功能相關(guān)技巧,并附帶了demo源碼供讀者下載,需要的朋友可以參考下2017-02-02