码迷，mamicode.com
首页 > 移动开发 > 详细

android实现界面左右滑动（GridView动态设置item,支持每个item按某个属性排序来显示在不同的界面）

时间：2014-08-06 18:46:52      阅读：1171      评论：0      收藏：0      [点我收藏+]

标签：android   des   blog   http   java   os   io   strong   

效果图 ：

bubuko.com,布布扣        bubuko.com,布布扣               bubuko.com,布布扣

分别是第一页、第二页、第三页，随手截的图，不整齐，勿见怪。开始走了弯路，废了不少时间。

思路如下：

1、用ViewPager实现左右分页滑动，布局最下面远点标记页码是根据有多个item动态添加的。

2、每个页面的GridView的item的个数根据屏幕的宽度高度来动态设置。

3、每个界面的GridView的adapter也是根据当前页面的itemCount来动态设置的。

主要代码：

[java] view plaincopy
  1. package com.example.testview;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import android.content.Context;  
  7. import android.view.View;  
  8. import android.view.ViewGroup;  
  9. import android.widget.BaseAdapter;  
  10. import android.widget.ImageView;  
  11. import android.widget.TextView;  
  12.   
  13. public class ViewPager_GV_ItemAdapter extends BaseAdapter {  
  14.   
  15.     private List<ChannelInfoBean> list_info;  
  16.     private Context context;  
  17.     /** ViewPager页码 */  
  18.     private int index;  
  19.     /** 根据屏幕大小计算得到的每页item个数 */  
  20.     private int pageItemCount;  
  21.     /** 传进来的List的总长度 */  
  22.     private int totalSize;  
  23.   
  24.     /** 当前页item的实际个数 */  
  25.     // private int itemRealNum;  
  26.     @SuppressWarnings("unchecked")  
  27.     public ViewPager_GV_ItemAdapter(Context context, List<?> list) {  
  28.         this.context = context;  
  29.         this.list_info = (List<ChannelInfoBean>) list;  
  30.     }  
  31.   
  32.     public ViewPager_GV_ItemAdapter(Context context, List<?> list, int index, int pageItemCount) {  
  33.         this.context = context;  
  34.         this.index = index;  
  35.         this.pageItemCount = pageItemCount;  
  36.         list_info = new ArrayList<ChannelInfoBean>();  
  37.         totalSize = list.size();  
  38.         // itemRealNum=list.size()-index*pageItemCount;  
  39.         // 当前页的item对应的实体在List<?>中的其实下标  
  40.         int list_index = index * pageItemCount;  
  41.         for (int i = list_index; i < list.size(); i++) {  
  42.             list_info.add((ChannelInfoBean) list.get(i));  
  43.         }  
  44.   
  45.     }  
  46.   
  47.     @Override  
  48.     public int getCount() {  
  49.         int size = totalSize / pageItemCount;  
  50.         if (index == size)  
  51.             return totalSize - pageItemCount * index;  
  52.         else  
  53.             return pageItemCount;  
  54.         // return itemRealNum;  
  55.     }  
  56.   
  57.     @Override  
  58.     public Object getItem(int arg0) {  
  59.         return null;  
  60.     }  
  61.   
  62.     @Override  
  63.     public long getItemId(int position) {  
  64.         return position;  
  65.     }  
  66.   
  67.     @Override  
  68.     public View getView(int position, View convertView, ViewGroup parent) {  
  69.   
  70.         ViewHolder iv;  
  71.         if (convertView == null)  
  72.             iv = new ViewHolder(context, R.layout.channel_gridview_item);  
  73.         else  
  74.             iv = (ViewHolder) convertView.getTag();  
  75.         iv.updateViews(position, null);  
  76.         return iv.mView;  
  77.     }  
  78.   
  79.     class ViewHolder extends ChannelViewHolder {  
  80.         ImageView iv_icon;  
  81.         TextView tv_name;  
  82.   
  83.         public ViewHolder(Context context, int resource) {  
  84.             super(context, resource);  
  85.         }  
  86.   
  87.         @Override  
  88.         protected void findViews() {  
  89.             iv_icon = (ImageView) mView.findViewById(R.id.iv_gv_item_icon);  
  90.             tv_name = (TextView) mView.findViewById(R.id.tv_gv_item_Name);  
  91.         }  
  92.   
  93.         @Override  
  94.         protected void updateViews(int position, Object inst) {  
  95.             // 不管用  
  96.             // iv_icon.setBackgroundResource(list_info.get(position).getIconID());  
  97.             iv_icon.setImageResource(list_info.get(position).getIconID());  
  98.             tv_name.setText(list_info.get(position).getName());  
  99.         }  
  100.     }  
  101.   
  102. }  


GridViewGallery：

[java] view plaincopy
  1. package com.example.testview;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import android.content.Context;  
  7. import android.support.v4.view.ViewPager;  
  8. import android.util.AttributeSet;  
  9. import android.view.LayoutInflater;  
  10. import android.view.View;  
  11. import android.widget.AdapterView;  
  12. import android.widget.AdapterView.OnItemClickListener;  
  13. import android.widget.GridView;  
  14. import android.widget.ImageView;  
  15. import android.widget.LinearLayout;  
  16.   
  17. /** 
  18.  *  
  19.  * GridView滑动 
  20.  *  
  21.  * @author chenwansong 
  22.  *  
  23.  */  
  24.   
  25. public class GridViewGallery extends LinearLayout {  
  26.   
  27.     private Context context;  
  28.     /** 保存实体对象链表 */  
  29.     private List<ChannelInfoBean> list;  
  30.     private ViewPager viewPager;  
  31.     private LinearLayout ll_dot;  
  32.     private ImageView[] dots;  
  33.     /** ViewPager当前页 */  
  34.     private int currentIndex;  
  35.     /** ViewPager页数 */  
  36.     private int viewPager_size;  
  37.     /** 默认一页12个item */  
  38.     private int pageItemCount = 12;  
  39.   
  40.     /** 保存每个页面的GridView视图 */  
  41.     private List<View> list_Views;  
  42.   
  43.     public GridViewGallery(Context context, AttributeSet attrs) {  
  44.         super(context, attrs);  
  45.         this.context = context;  
  46.         this.list = null;  
  47.         initView();  
  48.     }  
  49.   
  50.     @SuppressWarnings("unchecked")  
  51.     public GridViewGallery(Context context, List<?> list) {  
  52.         super(context);  
  53.         this.context = context;  
  54.         this.list = (List<ChannelInfoBean>) list;  
  55.         initView();  
  56.         initDots();  
  57.         setAdapter();  
  58.     }  
  59.   
  60.     private void setAdapter() {  
  61.         list_Views = new ArrayList<View>();  
  62.         for (int i = 0; i < viewPager_size; i++) {  
  63.             list_Views.add(getViewPagerItem(i));  
  64.         }  
  65.         viewPager.setAdapter(new ViewPager_GridView_Adapter(list_Views));  
  66.     }  
  67.   
  68.     private void initView() {  
  69.         View view = LayoutInflater.from(context).inflate(R.layout.channel_activity, null);  
  70.         viewPager = (ViewPager) view.findViewById(R.id.vPager);  
  71.         ll_dot = (LinearLayout) view.findViewById(R.id.ll_channel_dots);  
  72.         addView(view);  
  73.     }  
  74.   
  75.     // 初始化底部小圆点  
  76.     private void initDots() {  
  77.   
  78.         // 根据屏幕宽度高度计算pageItemCount  
  79.   
  80.         int width = Util.getWindowWidth(context);  
  81.         int high = Util.getWindowHeight(context);  
  82.   
  83.         int col = (width / 160) > 2 ? (width / 160) : 3;  
  84.         int row = (high / 200) > 4 ? (high / 200) : 4;  
  85.   
  86.         pageItemCount = col * row;  
  87.         viewPager_size = list.size() / pageItemCount + 1;  
  88.   
  89.         if (0 < viewPager_size) {  
  90.             ll_dot.removeAllViews();  
  91.             if (1 == viewPager_size) {  
  92.                 ll_dot.setVisibility(View.GONE);  
  93.             } else if (1 < viewPager_size) {  
  94.                 ll_dot.setVisibility(View.VISIBLE);  
  95.                 for (int j = 0; j < viewPager_size; j++) {  
  96.                     ImageView image = new ImageView(context);  
  97.                     LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(10, 10);  
  98.                     params.setMargins(3, 0, 3, 0);  
  99.                     image.setBackgroundResource(R.drawable.channel_dot);  
  100.                     ll_dot.addView(image, params);  
  101.                 }  
  102.             }  
  103.         }  
  104.         if (viewPager_size != 1) {  
  105.             dots = new ImageView[viewPager_size];  
  106.             for (int i = 0; i < viewPager_size; i++) {  
  107.                 dots[i] = (ImageView) ll_dot.getChildAt(i);  
  108.                 dots[i].setEnabled(true);  
  109.                 dots[i].setTag(i);  
  110.             }  
  111.             currentIndex = 0;  
  112.             dots[currentIndex].setEnabled(false);  
  113.             viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {  
  114.   
  115.                 @Override  
  116.                 public void onPageSelected(int arg0) {  
  117.                     setCurDot(arg0);  
  118.                 }  
  119.   
  120.                 @Override  
  121.                 public void onPageScrolled(int arg0, float arg1, int arg2) {  
  122.                     // TODO Auto-generated method stub  
  123.   
  124.                 }  
  125.   
  126.                 @Override  
  127.                 public void onPageScrollStateChanged(int arg0) {  
  128.                     // TODO Auto-generated method stub  
  129.   
  130.                 }  
  131.             });  
  132.         }  
  133.     }  
  134.   
  135.     /** 当前底部小圆点 */  
  136.     private void setCurDot(int positon) {  
  137.         if (positon < 0 || positon > viewPager_size - 1 || currentIndex == positon) {  
  138.             return;  
  139.         }  
  140.         dots[positon].setEnabled(false);  
  141.         dots[currentIndex].setEnabled(true);  
  142.         currentIndex = positon;  
  143.     }  
  144.   
  145.     private View getViewPagerItem(int index) {  
  146.         LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
  147.         View layout = inflater.inflate(R.layout.channel_viewpage_gridview, null);  
  148.         GridView gridView = (GridView) layout.findViewById(R.id.vp_gv);  
  149.   
  150.         int width = Util.getWindowWidth(context);  
  151.         int col = (width / 160) > 2 ? (width / 160) : 3;  
  152.         gridView.setNumColumns(col);  
  153.   
  154.         ViewPager_GV_ItemAdapter adapter = new ViewPager_GV_ItemAdapter(context, list, index, pageItemCount);  
  155.   
  156.         gridView.setAdapter(adapter);  
  157.         gridView.setOnItemClickListener(new OnItemClickListener() {  
  158.   
  159.             @Override  
  160.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {  
  161.                 if (null != list.get(position + currentIndex * pageItemCount).getOnClickListener())  
  162.                     list.get(position + currentIndex * pageItemCount).getOnClickListener().ongvItemClickListener(view);  
  163.             }  
  164.         });  
  165.         return gridView;  
  166.     }  
  167. }  



实体类（贴上来没啥用，主要是处理不同item的点击事件的时候，这么处理的：定义了一个点击的事件接口，实例化的时候实现这个item需要做的事情）：

[java] view plaincopy
  1. package com.example.testview;  
  2.   
  3. import java.util.Collections;  
  4. import java.util.List;  
  5.   
  6. import android.graphics.drawable.Drawable;  
  7. import android.view.View;  
  8.   
  9. public class ChannelInfoBean  implements Comparable<ChannelInfoBean> {  
  10.     private int id;  
  11.     private String name;  
  12.     private Drawable icon;  
  13.     private String iconUrl;  
  14.     private int iconID;  
  15.     private String describtion;  
  16.     private int type;  
  17.     // 排序标记  
  18.     private int order;  
  19.     private onGridViewItemClickListener onClickListener;  
  20.       
  21.   
  22.     public ChannelInfoBean(String name, int iconID, int order) {  
  23.         super();  
  24.         this.name = name;  
  25.         this.iconID = iconID;  
  26.         this.order = order;  
  27.     }  
  28.     public ChannelInfoBean(String name, int iconID, int order,onGridViewItemClickListener onClickListener) {  
  29.         super();  
  30.         this.name = name;  
  31.         this.iconID = iconID;  
  32.         this.order = order;  
  33.         this.onClickListener=onClickListener;  
  34.     }  
  35.   
  36.   
  37.     public ChannelInfoBean(int id, String name, Drawable icon, String iconUrl, int iconID, int type, int order, String describtion) {  
  38.         super();  
  39.         this.id = id;  
  40.         this.name = name;  
  41.         this.icon = icon;  
  42.         this.iconUrl = iconUrl;  
  43.         this.iconID = iconID;  
  44.         this.type = type;  
  45.         this.order = order;  
  46.         this.describtion = describtion;  
  47.     }  
  48.   
  49.       
  50.       
  51.       
  52.     public onGridViewItemClickListener getOnClickListener() {  
  53.         return onClickListener;  
  54.     }  
  55.     public void setOnClickListener(onGridViewItemClickListener onClickListener) {  
  56.         this.onClickListener = onClickListener;  
  57.     }  
  58.     public String getIconUrl() {  
  59.         return iconUrl;  
  60.     }  
  61.   
  62.     public void setIconUrl(String iconUrl) {  
  63.         this.iconUrl = iconUrl;  
  64.     }  
  65.   
  66.     public int getIconID() {  
  67.         return iconID;  
  68.     }  
  69.   
  70.     public void setIconID(int iconID) {  
  71.         this.iconID = iconID;  
  72.     }  
  73.   
  74.     public String getIconurl() {  
  75.         return iconUrl;  
  76.     }  
  77.   
  78.     public void setIconurl(String iconurl) {  
  79.         this.iconUrl = iconurl;  
  80.     }  
  81.   
  82.     public int getId() {  
  83.         return id;  
  84.     }  
  85.   
  86.     public void setId(int id) {  
  87.         this.id = id;  
  88.     }  
  89.   
  90.     public String getName() {  
  91.         return name;  
  92.     }  
  93.   
  94.     public void setName(String name) {  
  95.         this.name = name;  
  96.     }  
  97.   
  98.     public Drawable getIcon() {  
  99.         return icon;  
  100.     }  
  101.   
  102.     public void setIcon(Drawable icon) {  
  103.         this.icon = icon;  
  104.     }  
  105.   
  106.     public int getType() {  
  107.         return type;  
  108.     }  
  109.   
  110.     public void setType(int type) {  
  111.         this.type = type;  
  112.     }  
  113.   
  114.     public int getOrder() {  
  115.         return order;  
  116.     }  
  117.   
  118.     public void setOrder(int order) {  
  119.         this.order = order;  
  120.     }  
  121.   
  122.     public String getDescribtion() {  
  123.         return describtion;  
  124.     }  
  125.   
  126.     public void setDescribtion(String describtion) {  
  127.         this.describtion = describtion;  
  128.     }  
  129.   
  130.     @Override  
  131.     public int compareTo(ChannelInfoBean info) {  
  132.         if (info != null) {  
  133.             if (this.getOrder() > info.getOrder()) {  
  134.                 return 1;  
  135.             } else {  
  136.                 return -1;  
  137.             }  
  138.         } else {  
  139.             return 0;  
  140.         }  
  141.     }  
  142.       
  143.       
  144.   
  145.     //得到排序的List  
  146.     public static List<ChannelInfoBean> getOrderList(List<ChannelInfoBean> list) {  
  147.         Collections.sort(list);  
  148.         return list;  
  149.     }  
  150.       
  151.       
  152.       
  153.     public interface onGridViewItemClickListener  
  154.     {  
  155.         public abstract void ongvItemClickListener(View v);  
  156.     }  
  157.       
  158.   
  159. }  


把这几个自我感觉比较麻烦的类贴上来，有需要的可以看看。

android实现界面左右滑动（GridView动态设置item,支持每个item按某个属性排序来显示在不同的界面）,布布扣,bubuko.com

android实现界面左右滑动（GridView动态设置item,支持每个item按某个属性排序来显示在不同的界面）

标签：android   des   blog   http   java   os   io   strong   

原文地址：http://www.cnblogs.com/Free-Thinker/p/3895078.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！