pageView 实现多数据循环显示.

                      最近项目需要用到pageView . 就是显示一些个人信息,比较多人,而且要有滑动效果,并且要实现滑到最后一个人的信息,下一个就要显示下一个人的信息.代码不多.



就一个类:

package com.qiang.test;

import java.util.ArrayList;


import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.app.Activity;
import android.content.Context;


public class MainActivity extends Activity {


 ViewPager viewPager ;
 
 ArrayList<LinearLayout> viewList ;
 
 ArrayList<String> arrayList ;
 

     @Override
    protected void onCreate(Bundle savedInstanceState) {
    	// TODO Auto-generated method stub
    	super.onCreate(savedInstanceState);
    	
    	setContentView(R.layout.activity_main);
    	
     ViewPager viewPager  = (ViewPager) findViewById(R.id.pageView);
     viewList  = new ArrayList<LinearLayout>();
   //设置20条数据
     arrayList = new ArrayList<String>();
     for(int i = 0;i<20;i++){
  	   
  	   arrayList.add("data"+i);
  	   
     }  
     
     
     for(int i=0;i<5;i++){
    	 //添加的List里面
    	  LinearLayout  view = (LinearLayout) getLayoutInflater().inflate(R.layout.scan_list_item, null);
    	 viewList.add(view);
     }
     
       
     PagerAdapter adapter ;
    
       viewPager.setAdapter( adapter=new MyPageAdapter(this));
       
     
 
		
	}
    
     
     public class MyPageAdapter extends PagerAdapter{
    	 
    	 Context context;
    	 MyPageAdapter(Activity context){
    		 
    		 this.context = context;
    		 
    	 }

    	

       //
			@Override
    		public void destroyItem(ViewGroup container, int position, Object object) {
    			// System.out.println("移除了哪一个"+position);
    			container.removeView((View) object);
    		}
    	 
    	
			//实现循环 ,pageView在这里控制数量的显示
		@Override
		public int getCount() {
		
	  //假如数据不为空,返回空,不是空,返回无限大
	   return arrayList==null?0:Integer.MAX_VALUE;
		}

		
	
	
	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		LinearLayout view;
		//通过计算,因为要在viewList循环显示,要利用viewlist的view
	
		 
		if(position>viewList.size()-1){
		  //取余
		   
			
			 view =  viewList.get(position%viewList.size());
	  }else{
		  
		  view= viewList.get(position);
		  
	  }
	  //打印下位子
	
		
		//因为不想用listView,但也想不要findViewById 查找子节点,所以就此方法
	    for (int i = 0; i <view.getChildCount(); i++) {
	    	   
	    	RelativeLayout relativeLayout = (RelativeLayout) view.getChildAt(i);
	    	   
	    	   for (int j = 0; j <relativeLayout.getChildCount(); j++) {
	    		   
	    		TextView textView1 =   (TextView) relativeLayout.getChildAt(j);
	    	
	    		int dataIndex = position%arrayList.size();
	    		
	    		textView1.setText("position:"+position+", " +"data:"+arrayList.get(dataIndex));
	    		TextView textView2 =   (TextView) relativeLayout.getChildAt(j=+1);
	    	
	    		textView2.setText(i+":" +j);
				
			}
	
	    }
	    
	    container.addView(view);
	    
	    return  view;
	    
		
	}
		
		
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			// TODO Auto-generated method stub
			return arg0 == arg1;
		}
    	 
     }
     
 	public void destroyItem(ViewGroup container, int position, Object object) {
		// System.out.println("移除了哪一个"+position);
		
 		View view = (View) object;
 		
 		container.removeView((View) object);


	}
          
    	
      
    	
    }


布局文件 总布局文件 demo.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    
    <android.support.v4.view.ViewPager    
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/help_viewPage"
        
        />
    
   
    
   
    

</LinearLayout>
布局文件:scan_list_item.xml   控制pageView显示的内容
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:orientation="vertical"
    >

    <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

      

        <TextView
            android:id="@+id/scan_title_name"
            android:layout_width="120dp"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="123" />

        <TextView
            android:id="@+id/scan_peson_message"
            android:layout_width="180dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/scan_title_name"
            android:gravity="left"
            android:text="123" />
    </RelativeLayout>
    
    
        <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical" >


        <TextView
            android:id="@+id/scan_title_name"
            android:layout_width="120dp"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="123" />

        <TextView
            android:id="@+id/scan_peson_message"
            android:layout_width="180dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/scan_title_name"
            android:gravity="left"
            android:text="123" />
    </RelativeLayout>
    
        
            <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

        
        <TextView
            android:id="@+id/scan_title_name"
            android:layout_width="120dp"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="123" />

        <TextView
            android:id="@+id/scan_peson_message"
            android:layout_width="180dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/scan_title_name"
            android:gravity="left"
            android:text="123" />
    </RelativeLayout>
    
            
                <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical" >


        <TextView
            android:id="@+id/scan_title_name"
            android:layout_width="120dp"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="123" />

        <TextView
            android:id="@+id/scan_peson_message"
            android:layout_width="180dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/scan_title_name"
            android:gravity="left"
            android:text="123" />
    </RelativeLayout>

</LinearLayout>


   

转载于:https://my.oschina.net/janson2013/blog/102703

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
源码KIPageView,UITableView 很强大,可是只能竖向滚动;UICollectionView 可以解决各种布局难题,但是稍显复杂,对于一些简单的需求,有点杀鸡用牛刀的感觉。 在 iOS6 以前,还没有 UICollectionView,为了实现横向滚动的 UITableView,只有自己动手写组件。为了达到和 UITableView 差不多的效果,就得先弄清其内部实现机制是怎么回事。 在渲染 View 的时候,是很耗系统资源的,如果创建大量的 View, 系统运行将变得异常缓慢,甚至导致内存耗尽。但是,在实际应用中,我们难免会遇到大量的数据需要显示,如果每显示一个数据,我们都创建一个 View,那应用程序的体验将相当糟糕。所以 Apple 为 iOS 开发者提供了 UITableView,Google 为 Android 开发者提供了 ListView。 简单来讲,UITableView 采用复用机制,其只会显示其可见区域内的 UITableViewCell。我们在滑动的过程中,当超出 UITableView 可见区域的 Cell,将会从 UITableView 中移除,并加入回收池中以作复用。当 UITableView 需要显示新的 Cell,会先从回收池中查找是否有相应的 Cell 可以重用(通过 dequeueReusableCellWithIdentifier:)。如果有,则直接将其重新显示;如果没有,则创建新的 Cell。这样一来,就可以避免因创建过多的 View,导致内存耗尽的尴尬情况。 了解了其内部的运行原理,我们也可以实现一个自己的 UITableView。 很常见的一个应用场景——显示图片:如果显示一张图片,我们用一个 UIImageView 足矣,如果要显示多张图片,并且可以左右滚动,最简单的办法是用一个 UIScrollView 包含多个 UIImageView, 但是这样带来的后果则是,如果图片数据量较大,那这个程序根本没有办法正常使用。如果我们还需要实现无限循环滚动,那这个解决方案肯定是不行的。所以这时候,就得我们自己实现一个 UITableView。 最开始,我写了一个组件叫 KIFlowView实现了上面讲的需求,但是都是 iOS5 时代的产物了,难免过于陈旧。在后续的工作中也发现,类似的需求其实挺多的,比如左右滑动的 View,如网易新闻客户端,可以左右滑动,在不同的新闻栏目之间进行切换;有时候我们也需要实现一些 Tab,如果 Tab 的项目比较多,也需要考虑复用的问题,所以决定重新写一个增强组件,作为其替代品,所以就产生了 KIPageView。 测试环境:Xcode 6.2,iOS 6.0 以上
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值