星空网 > 软件开发 > 操作系统

仿饿了点餐界面2个ListView联动

如图是效果图仿饿了点餐界面2个ListView联动images/loading.gif' data-original="http://images2015.cnblogs.com/blog/781624/201609/781624-20160919172156809-313588199.png" />

是仿饿了的点餐界面

1.点击左侧的ListView,通过在在适配器中设置Item来改变颜色,再通过notifyDataSetInvalidated来刷新并用lv_home.setSelection(showTitle.get(arg2));来关联右侧的

2.右侧的主要是重写下onScroll的方法;来改变左侧ListView的颜色及背景

不过程序中还有个问题,望大神解答就是我右侧的ListView下拉时,上面的TextView能改变;但是上拉时,TextView的不能及时改变应为滑动时我只拿了firstVisibleItem来判断的

Demo的连接:http://download.csdn.net/detail/qq_29774291/9634011

如下是主程序代码

package com.item.jiejie;import java.util.ArrayList;import java.util.List;import com.item.jiejie.adapter.HomeAdapter;import com.item.jiejie.adapter.MenuAdapter;import com.item.jiejie.entity.FoodData;import android.widget.AbsListView.OnScrollListener;import android.os.Bundle;import android.app.Activity;import android.text.TextUtils;import android.util.Log;import android.view.View;import android.view.Window;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.AbsListView;import android.widget.ListView;import android.widget.TextView;/** * 防饿了的ListView联动的Demo * 有BUG * @author Administrator * */public class MainActivity extends Activity {  /**左侧菜单*/  private ListView lv_menu;  /**右侧主菜*/  private ListView lv_home;  private TextView tv_title;    private MenuAdapter menuAdapter;  private HomeAdapter homeAdapter;  private int currentItem;  /**   * 数据源   */  private List<FoodData> foodDatas;  private String data[] = {"热销榜","新品套餐","便当套餐","单点菜品","饮料类","水果罐头","米饭"};  /**   * 里面存放右边ListView需要显示标题的条目position   */  private ArrayList<Integer> showTitle;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    requestWindowFeature(Window.FEATURE_NO_TITLE);    setContentView(R.layout.activity_main);    setView();    setData();  }  private void setView() {    // TODO Auto-generated method stub    lv_menu = (ListView)findViewById(R.id.lv_menu);    tv_title = (TextView)findViewById(R.id.tv_titile);    lv_home = (ListView)findViewById(R.id.lv_home);        foodDatas = new ArrayList<FoodData>();    for(int i =0;i < data.length; i++){      foodDatas.add(new FoodData(i, data[0] + i, data[0]));    }    for(int i =0;i < data.length -1; i++){      foodDatas.add(new FoodData(i, data[1] + i, data[1]));    }    for(int i =0;i < data.length-2; i++){      foodDatas.add(new FoodData(i, data[2] + i, data[2]));    }    for(int i =0;i < data.length-3; i++){      foodDatas.add(new FoodData(i, data[3] + i, data[3]));    }    for(int i =0;i < data.length-4; i++){      foodDatas.add(new FoodData(i, data[4] + i, data[4]));    }    for(int i =0;i < data.length-3; i++){      foodDatas.add(new FoodData(i, data[5] + i, data[5]));    }    for(int i =0;i < 6; i++){      foodDatas.add(new FoodData(i, data[6] + i, data[6]));    }    showTitle = new ArrayList<Integer>();    for(int i = 0; i < foodDatas.size(); i++){      if( i ==0){        showTitle.add(i );        System.out.println(i + "dd");      }else if (!TextUtils.equals(foodDatas.get(i).getTitle(), foodDatas.get(i - 1).getTitle())) {        showTitle.add(i );        System.out.println(i + "dd");      }    }  }  private void setData() {    // TODO Auto-generated method stub    tv_title.setText(foodDatas.get(0).getTitle());    menuAdapter = new MenuAdapter(this);    homeAdapter = new HomeAdapter(this, foodDatas);    lv_menu.setAdapter(menuAdapter);    lv_home.setAdapter(homeAdapter);    lv_menu.setOnItemClickListener(new OnItemClickListener() {      @Override      public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,          long arg3) {        // TODO Auto-generated method stub        menuAdapter.setSelectItem(arg2);        menuAdapter.notifyDataSetInvalidated();        lv_home.setSelection(showTitle.get(arg2));                        tv_title.setText(data[arg2]);              }    });    lv_home.setOnScrollListener(new OnScrollListener() {      private int scrollState;            @Override      public void onScrollStateChanged(AbsListView view, int scrollState) {        // TODO Auto-generated method stub        //System.out.println("onScrollStateChanged" + "  scrollState" + scrollState);        this.scrollState = scrollState;      }            @Override      public void onScroll(AbsListView view, int firstVisibleItem,          int visibleItemCount, int totalItemCount) {        // TODO Auto-generated method stub        if (scrollState == AbsListView.OnScrollListener.SCROLL_STATE_IDLE) {           return;         }         Log.d("jiejie", "onScroll" + " firstVisibleItem" + firstVisibleItem            +" visibleItemCount" + visibleItemCount + " totalItemCount" + totalItemCount);        int current =showTitle.indexOf(firstVisibleItem );        System.out.println(current + "dd" + firstVisibleItem);//        lv_home.setSelection(current);        if(currentItem != current && current >=0){          currentItem = current;          tv_title.setText(data[current]);          menuAdapter.setSelectItem(currentItem);          menuAdapter.notifyDataSetInvalidated();        }      }    });  }}

左侧ListView的适配器代码

package com.item.jiejie.adapter;import com.item.jiejie.R;import android.content.Context;import android.graphics.Color;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView;/** * 左侧菜单ListView的适配器 * @author Administrator * */public class MenuAdapter extends BaseAdapter{    private Context context;  private int selectItem = 0;  private String data[] = {"热销榜","新品套餐","便当套餐","单点菜品","饮料类","水果罐头","米饭"};    public MenuAdapter(Context context) {    this.context = context;  }    public int getSelectItem() {    return selectItem;  }  public void setSelectItem(int selectItem) {    this.selectItem = selectItem;  }  @Override  public int getCount() {    // TODO Auto-generated method stub    return data.length;  }  @Override  public Object getItem(int arg0) {    // TODO Auto-generated method stub    return null;  }  @Override  public long getItemId(int arg0) {    // TODO Auto-generated method stub    return 0;  }  @Override  public View getView(int arg0, View arg1, ViewGroup arg2) {    // TODO Auto-generated method stub    ViewHolder holder = null;    if(arg1 == null) {      holder = new ViewHolder();      arg1 = View.inflate(context, R.layout.item_menu, null);      holder.tv_name = (TextView)arg1.findViewById(R.id.item_name);      arg1.setTag(holder);    }else {      holder = (ViewHolder)arg1.getTag();    }    if(arg0 == selectItem){      holder.tv_name.setBackgroundColor(Color.WHITE);      holder.tv_name.setTextColor(context.getResources().getColor(R.color.text_green));    }else {      holder.tv_name.setBackgroundColor(context.getResources().getColor(R.color.ll_coachback));      holder.tv_name.setTextColor(context.getResources().getColor(R.color.text_deep));    }    holder.tv_name.setText(data[arg0]);    return arg1;  }  static class ViewHolder{    private TextView tv_name;  }}

右侧的适配器代码

仿饿了点餐界面2个ListView联动仿饿了点餐界面2个ListView联动
package com.item.jiejie.adapter;import java.util.List;import com.item.jiejie.R;import com.item.jiejie.entity.FoodData;import android.content.Context;import android.text.TextUtils;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView;/** * 右侧主界面ListView的适配器 * * @author Administrator * */public class HomeAdapter extends BaseAdapter {  private Context context;  private List<FoodData> foodDatas;    public HomeAdapter(Context context, List<FoodData> foodDatas) {    this.context = context;    this.foodDatas = foodDatas;  }  @Override  public int getCount() {    // TODO Auto-generated method stub    if(foodDatas!=null){      return foodDatas.size();    }else {          return 10;    }      }  @Override  public Object getItem(int arg0) {    // TODO Auto-generated method stub    return null;  }  @Override  public long getItemId(int arg0) {    // TODO Auto-generated method stub    return 0;  }  @Override  public View getView(int arg0, View arg1, ViewGroup arg2) {    // TODO Auto-generated method stub    ViewHold holder = null;    if(arg1 == null){      arg1 = View.inflate(context, R.layout.item_home, null);      holder = new ViewHold();      holder.tv_title = (TextView)arg1.findViewById(R.id.item_home_title);      holder.tv_name = (TextView)arg1.findViewById(R.id.item_home_name);      arg1.setTag(holder);    }else {      holder = (ViewHold)arg1.getTag();    }    holder.tv_name.setText(foodDatas.get(arg0).getName());    holder.tv_title.setText(foodDatas.get(arg0).getTitle());    if(arg0 == 0){      holder.tv_title.setVisibility(View.VISIBLE);    }else if (!TextUtils.equals(foodDatas.get(arg0).getTitle(), foodDatas.get(arg0 -1).getTitle())) {      holder.tv_title.setVisibility(View.VISIBLE);    }else {      holder.tv_title.setVisibility(View.GONE);    }    return arg1;  }  private static class ViewHold{    private TextView tv_title;    private TextView tv_name;  }}

View Code

 




原标题:仿饿了点餐界面2个ListView联动

关键词:ie

ie
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流