Android listview點贊問題分析
更新時間：2016年11月16日 08:17:46 作者：黑蛋丶
這篇文章主要為大家詳細解析了Android listview點贊功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下
最近這段時間一直在看Android，利用Listview去實現(xiàn)點贊功能
基本思路：
進入界面–》獲取數(shù)據(jù)–》
在Listview中顯示–》
通過map集合（position,boolean）保存每一行是否被點擊–》
利用實體類去保存相應的對象–》
get/set方法進行相應值得改變–》
點擊一次，相應的數(shù)量加1
只實現(xiàn)了點贊功能，踩和贊基本類似。
具體實現(xiàn)如下：
繼承自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是個測試用的內(nèi)部類，將點贊數(shù)和踩得數(shù)存起來，可以定義一個類，
//直接獲取數(shù)據(jù)就好，需要改進下
private List<Bean> praise_step_num = new ArrayList<Bean>();
private LayoutInflater inflater;
//保存當前點贊數(shù)
List<Map<String,Object>> listItems;
/*
根據(jù)position，保存點擊的是哪一行數(shù)據(jù)，默認為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() {
/*
為相應的數(shù)據(jù)賦值，所有的數(shù)據(jù)存儲在listItems中
position一一對應每一行數(shù)據(jù)
*/
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沒有被賦值，就會使用之后賦值的數(shù)據(jù)，
比如：點擊了第一行數(shù)據(jù)贊的按鈕，相應的第一行點贊圖片變?yōu)榧t色
當向下滑動頁面時，下方的也會有一項數(shù)據(jù)發(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, "已經(jīng)點擊過", 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);
}
});
}
}
跳轉(zhuǎn)界面，測試用
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);
}
}
簡單的動畫效果的實現(xiàn)
直接用就好了
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.dhdzp.com/article/97335.htm
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android自定義FloatingText仿點贊+1特效
- Android使用SurfaceView實現(xiàn)飄贊動畫
- Android仿直播特效之點贊飄心效果
- Android貝塞爾曲線實現(xiàn)直播點贊效果
- Android實現(xiàn)朋友圈點贊列表
- Android自定義ViewGroup實現(xiàn)堆疊頭像的點贊Layout
- Android中使用PopupWindow 仿微信點贊和評論彈出
- Android實現(xiàn)點贊動畫（27）
- Android PraiseTextView實現(xiàn)朋友圈點贊功能
- Android中Listview點贊功能的實現(xiàn)
- 簡單實用的Android UI微博動態(tài)點贊效果
- Android項目開發(fā) 教你實現(xiàn)Periscope點贊效果
- Android控件實現(xiàn)直播App點贊飄心動畫
相關文章
這篇文章主要為大家詳細介紹了Android獲取設備傳感器的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
3DTouch是什么效果的大家應該都知道了。本文將介紹在Android中如何實現(xiàn)3DTouch的效果，有需要的可以參考學習。2016-08-08
Android?Compose狀態(tài)改變動畫animateXxxAsState使用詳解
這篇文章主要為大家介紹了Android?Compose狀態(tài)改變動畫animateXxxAsState使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要為大家詳細剖析了安卓版本微信跳一跳自動執(zhí)行代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
Android編程Widget創(chuàng)建與使用方法簡明教程
這篇文章主要介紹了Android編程Widget創(chuàng)建與使用方法,結(jié)合實例形式分析了Widget的功能、使用方法與相關注意事項,需要的朋友可以參考下2016-10-10
抽空研究了一下"再按一次退出程序"的實現(xiàn)方式，直接上代碼（請自動忽略無關代碼）2014-01-01
Android使用Intent的Action和Data屬性實現(xiàn)點擊按鈕跳轉(zhuǎn)到撥打電話和發(fā)送短信界面
這篇文章主要介紹了Android中使用Intent的Action和Data屬性實現(xiàn)點擊按鈕跳轉(zhuǎn)到撥打電話和發(fā)送短信,需要的朋友可以參考下2020-01-01
android動態(tài)布局相比靜態(tài)布局，動態(tài)布局不用再將xml轉(zhuǎn)變了布局代碼，提高了一定的效率，本篇文章給大家介紹android動態(tài)布局小結(jié)，對android動態(tài)布局相關知識感興趣的朋友一起學習吧2016-01-01
Android實現(xiàn)整理PackageManager獲取所有安裝程序信息
這篇文章主要介紹了Android實現(xiàn)整理PackageManager獲取所有安裝程序信息的方法,實例分析了Android使用PackageManager獲取安裝程序信息的具體步驟與相關技巧,需要的朋友可以參考下2016-01-01
默認情況下的Android模擬器窗口占據(jù)了屏幕巨大的空間，而且毫無緣由的放著一個屏幕鍵盤,如果你沒親自用過模擬器的話，還有一個不易發(fā)現(xiàn)的問題：幾乎是慢到不能用2013-01-01