脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → 两个listview联动

仿饿了吗点餐界面两个ListView联动效果

 更新时间：2016年09月26日 14:01:50   作者：王丰蛋哥  
这篇文章主要介绍了仿饿了点餐界面2个ListView联动效果的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

如图是效果图

是仿饿了的点餐界面

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;
}
}

右侧的适配器代码

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;
}
}

以上所述是小编给大家介绍的仿饿了点餐界面2个ListView联动效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • android开发基础教程—三种方式实现xml文件解析

    android开发基础教程—三种方式实现xml文件解析

    本文将介绍三种方式：sax方式/dom方式/pull方式实现xml文件解析，感兴趣的朋友可以了解下
    2013-01-01
  • Android统一依赖管理的三种方式总结

    Android统一依赖管理的三种方式总结

    为了项目的管理，依赖包的纺一管理是必要的,下面这篇文章主要给大家介绍了关于Android统一依赖管理的三种方式，文中通过实例代码和图文介绍的非常详细,需要的朋友可以参考下
    2022-01-01
  • mac开发android环境搭建步骤图解

    mac开发android环境搭建步骤图解

    这里比较详细的来总结下mac开发android的环境搭建步骤安装过程，希望对一些正准备配置Android开发环境的小伙伴们有一定帮助
    2014-01-01
  • 在RecyclerView中实现button的跳转功能

    在RecyclerView中实现button的跳转功能

    本次实验就是在RecyclerView中添加一个button控件并实现监听，使鼠标点击时可以跳转到另外一个设计好的界面，对RecyclerView实现button跳转功能感兴趣的朋友一起看看吧
    2021-10-10
  • Android 断点下载和自动安装的示例代码

    Android 断点下载和自动安装的示例代码

    本篇文章主要介绍了Android断点下载和自动安装的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • android异步任务设计思详解(AsyncTask)

    android异步任务设计思详解(AsyncTask)

    AsyncTask在Android十分常用，那为什么如此常用呢，不用行不行呢，内部又是怎么实现的呢，为什么Java的API中没有这个类呢，看完本文后，你将会知道答案
    2014-02-02
  • MVPXlistView展示上拉下拉效果

    MVPXlistView展示上拉下拉效果

    这篇文章主要为大家详细介绍了MVPXlistView展示上拉下拉效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android 10 适配攻略小结

    Android 10 适配攻略小结

    这篇文章主要介绍了Android 10 适配攻略小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • Android开发实现简单的观察者与被观察者示例

    Android开发实现简单的观察者与被观察者示例

    这篇文章主要介绍了Android开发实现简单的观察者与被观察者,简单描述了观察者模式的概念、原理并结合实例形式分析了Android实现观察者模式的简单操作技巧,需要的朋友可以参考下
    2017-11-11
  • Android实现仿通讯录侧边栏滑动SiderBar效果代码

    Android实现仿通讯录侧边栏滑动SiderBar效果代码

    这篇文章主要介绍了Android实现仿通讯录侧边栏滑动SiderBar效果代码,实例分析了通讯录侧边栏滑动效果的实现技巧,并附带完整实例代码供读者下载参考,需要的朋友可以参考下
    2015-10-10

最新评论