Android listview點贊問題分析
最近這段時間一直在看Android,利用Listview去實現點贊功能
基本思路:
進入界面–》獲取數據–》
在Listview中顯示–》
通過map集合(position,boolean)保存每一行是否被點擊–》
利用實體類去保存相應的對象–》
get/set方法進行相應值得改變–》
點擊一次,相應的數量加1
只實現了點贊功能,踩和贊基本類似。
具體實現如下:
繼承自BaseAdapter
package com.gz.test_listview; import android.content.Context; import android.content.DialogInterface; import android.content.Intent; import android.os.Handler; import android.os.Message; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.Button; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; import android.widget.Toast; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; /** * Created by gz on 2016/11/9. */ public class MainActivityAdapter extends BaseAdapter{ //用來獲取界面上的元素 private ViewHolder holder; private Context context; //這里的Bean是個測試用的內部類,將點贊數和踩得數存起來,可以定義一個類, //直接獲取數據就好,需要改進下 private List<Bean> praise_step_num = new ArrayList<Bean>(); private LayoutInflater inflater; //保存當前點贊數 List<Map<String,Object>> listItems; /* 根據position,保存點擊的是哪一行數據,默認為false,點擊后改為true */ private Map<Integer, Boolean> isExist = new HashMap<Integer, Boolean>(); public MainActivityAdapter(Context context,List<Map<String,Object>> listItems){ this.context = context; this.listItems = listItems; inflater = LayoutInflater.from(context); Log.i("listItem",listItems.toString()); init(); } private void init() { /* 為相應的數據賦值,所有的數據存儲在listItems中 position一一對應每一行數據 */ for (int i = 0;i<listItems.size();i++){ isExist.put(i,false); Bean b = new Bean(); Integer praise = Integer.parseInt(listItems.get(i).get("praise").toString()); b.setPraise(praise); Integer step = Integer.parseInt(listItems.get(i).get("step").toString()); b.setStep(step); praise_step_num.add(i,b); Log.i("praise_step",praise_step_num.get(i).getPraise()+""); } } @Override public int getCount() { return listItems.size() ; } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(final int position, View convertView, ViewGroup parent) { //獲取贊、踩得值 final Bean bean = praise_step_num.get(position); if(convertView == null){ holder = new ViewHolder(); convertView = inflater.inflate(R.layout.item_praise,null); holder.img_praise = (ImageView) convertView.findViewById(R.id.tv_praises_img); holder.img_step = (ImageView) convertView.findViewById(R.id.tv_step_img); holder.praise = (TextView) convertView.findViewById(R.id.tv_praises); holder.step = (TextView) convertView.findViewById(R.id.tv_step); holder.title = (TextView) convertView.findViewById(R.id.tv_name); //holder.img_step.setImageResource(R.drawable.bad); convertView.setTag(holder); }else{ holder = (ViewHolder) convertView.getTag(); } holder.praise.setText(bean.getPraise()+""); holder.step.setText(bean.getStep()+""); holder.title.setText(listItems.get(position).get("title")+""); /* 每次會復用convertView, convertView沒有被賦值,就會使用之后賦值的數據, 比如:點擊了第一行數據贊的按鈕,相應的第一行點贊圖片變?yōu)榧t色 當向下滑動頁面時,下方的也會有一項數據發(fā)生變化,復用 在這里為每次重用賦值 */ if(bean.getPraise()!=0){ holder.img_praise.setImageResource(R.drawable.good); }else{ holder.img_praise.setImageResource(R.drawable.good_no); } if(bean.getStep()!=0){ holder.img_step.setImageResource(R.drawable.bad); }else{ holder.img_step.setImageResource(R.drawable.bad_no); } holder.img_praise.setOnClickListener(new imgClick(position,bean)); return convertView; } class imgClick implements View.OnClickListener { private int position; private Bean bean; public imgClick(int position,Bean bean){ this.position = position; this.bean = bean; } @Override public void onClick(final View v) { Log.i("position",position+""); if(bean.getPraise()==0){ if(isExist.get(position) == false){ final Handler handler = new Handler() { @Override public void handleMessage(Message msg) { super.handleMessage(msg); switch (msg.what){ case 1: ImageView btn = (ImageView) v; if(v.getId() == btn.getId()) { isExist.put(position, true); bean.setPraise(bean.getPraise()+1); btn.setImageResource(R.drawable.good); AnimationTools.scale(btn); notifyDataSetChanged(); break; } case 2: Toast.makeText(context, "失敗", Toast.LENGTH_LONG).show(); break; } } }; new Thread(){ @Override public void run() { Message msg = new Message(); msg.what=1; handler.sendMessage(msg); } }.start(); } }else{ Toast.makeText(context, "已經點擊過", Toast.LENGTH_LONG).show(); } } } private static class ViewHolder{ public ImageView img_praise; public ImageView getImg_praise() { return img_praise; } public ImageView getImg_step() { return img_step; } public TextView getPraise() { return praise; } public TextView getStep() { return step; } public TextView getTitle() { return title; } private ImageView img_step; public TextView praise; private TextView step; private TextView title; } class Bean{ public int getPraise() { return praise; } public void setPraise(int praise) { this.praise = praise; } public int getStep() { return step; } public void setStep(int step) { this.step = step; } private int praise; private int step; } }
MainActivity
進行Listview值賦值,然后進行和Adapter的綁定
package com.gz.test_listview; import android.app.Activity; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ListView; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import java.util.Objects; public class MainActivity extends Activity { private ListView listview; private String[] title = {"商用","家用","測試","多聯(lián)","空氣能","商用","家用","測試","多聯(lián)","空氣能"}; private String[] praise = {"3","1","0","0","0","3","1","0","0","0"}; private String[] step = {"3","0","0","0","0","3","0","0","0","0"}; private ArrayList<Map<String,Object>> map = new ArrayList<Map<String, Object>>(); private ListView listView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listview = (ListView) findViewById(R.id.listview); for(int i=0;i<title.length;i++){ Map<String,Object> item = new HashMap<String,Object>(); item.put("title",title[i]); item.put("praise",praise[i]); item.put("step",step[i]); map.add(item); } MainActivityAdapter adapter = new MainActivityAdapter(this,map); listview.setAdapter(adapter); listview.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Intent intent = new Intent(MainActivity.this,DetailActivity.class); startActivity(intent); } }); } }
跳轉界面,測試用
package com.gz.test_listview; import android.app.Activity; import android.os.Bundle; import android.widget.ListView; import java.util.ArrayList; import java.util.HashMap; import java.util.Map; public class DetailActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.detail_info); } }
簡單的動畫效果的實現
直接用就好了
package com.gz.test_listview; import android.view.View; import android.view.animation.Animation; import android.view.animation.ScaleAnimation; public class AnimationTools { public static void scale(View v) { ScaleAnimation anim = new ScaleAnimation(1.0f, 1.5f, 1.0f, 1.5f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); anim.setDuration(300); v.startAnimation(anim); } }
界面
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context="com.gz.test_listview.MainActivity"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="wrap_content"> </ListView> </RelativeLayout>
Listview子項
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/lyt_root" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ccc" android:orientation="vertical" android:descendantFocusability= "blocksDescendants" > <FrameLayout android:layout_width="fill_parent" android:layout_height="wrap_content" > <ImageView android:id="@+id/has_exame" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="top|left" /> <LinearLayout android:layout_margin="10dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:background="@drawable/corners" android:layout_weight="1.0" android:orientation="vertical" > <TextView android:id="@+id/tv_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="14sp" android:text="商用多聯(lián)機" android:textColor="#000" /> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:id="@+id/tv_date" android:layout_marginTop="10dip" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="12sp" android:text="時間 2016-10-10" android:textColor="#000" android:visibility="visible" /> <TextView android:id="@+id/tv_downloads" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_weight="1" android:textColor="#000" android:textSize="14sp" android:visibility="gone" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:gravity="center|right" > <ImageView android:id="@+id/tv_praises_img" android:layout_width="30dip" android:layout_height="30dip" android:background="@drawable/good_no" android:layout_marginRight="5dip" /> <TextView android:id="@+id/tv_praises" android:layout_width="50dip" android:layout_height="wrap_content" android:textColor="#000" android:text="10" android:textSize="14dip" android:layout_gravity="center" /> <ImageView android:id="@+id/tv_step_img" android:layout_width="30dip" android:layout_height="30dip" android:background="@drawable/bad_no" android:layout_marginRight="5dip" /> <TextView android:id="@+id/tv_step" android:layout_width="50dip" android:layout_height="wrap_content" android:textColor="#000" android:text="10" android:textSize="14dip" android:layout_gravity="center" /> </LinearLayout> </LinearLayout> </FrameLayout> </LinearLayout>
點擊item后進入的界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="111" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="111" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="111" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="111" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="111" /> </LinearLayout>
代碼中是我對程序的理解,有的地方可能不是很明白,還得完善完善
這篇文章給了我很大幫助,動畫效果就是搬過來的,哈哈,很不錯,學習了。
參考文章:http://www.dbjr.com.cn/article/97335.htm
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android自定義FloatingText仿點贊+1特效
- Android使用SurfaceView實現飄贊動畫
- Android仿直播特效之點贊飄心效果
- Android貝塞爾曲線實現直播點贊效果
- Android實現朋友圈點贊列表
- Android自定義ViewGroup實現堆疊頭像的點贊Layout
- Android中使用PopupWindow 仿微信點贊和評論彈出
- Android實現點贊動畫(27)
- Android PraiseTextView實現朋友圈點贊功能
- Android中Listview點贊功能的實現
- 簡單實用的Android UI微博動態(tài)點贊效果
- Android項目開發(fā) 教你實現Periscope點贊效果
- Android控件實現直播App點贊飄心動畫
相關文章
Android音視頻之視頻采集(系統(tǒng)API預覽)
這篇文章主要為大家詳細介紹了Android音視頻之視頻采集,系統(tǒng)API預覽,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-12-12Android使用Profiler查看應用內存分析的操作步驟
內存分析是Profiler中的一個組件,可以幫助我們識別可能會導致應用卡頓、凍結甚至崩潰的內存泄露和內存抖動,本文小編將給大家介紹一下Android使用Profiler查看應用內存分析的操作步驟,需要的朋友可以參考下2023-10-10Android實現監(jiān)聽電話呼叫狀態(tài)的方法
這篇文章主要介紹了Android實現監(jiān)聽電話呼叫狀態(tài)的方法,涉及Android權限控制及電話狀態(tài)監(jiān)聽的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10Windows下快速搭建安卓開發(fā)環(huán)境Android studio
這篇文章主要介紹了Windows下快速搭建安卓開發(fā)環(huán)境Android studio的相關資料,感興趣的小伙伴們可以參考一下2016-07-07以一個著色游戲展開講解Android中區(qū)域圖像填色的方法
這篇文章主要介紹了Android中實現區(qū)域圖像顏色填充的方法,文中以一個著色游戲為例講解了邊界的填充等各種填色操作,需要的朋友可以參考下2016-02-02