實現可以滑動的GrildView,類似美團網首頁的GrildView功能菜單


首先上實現效果圖,不會做動態圖,就先湊合着看吧

 

使用了網上的一個開源控件viewpagerindicator,可以自定義切換時候顯示的標記,圓點,或者下划線。

 

GrildView顯示的是手機上的全部app,根據計算好的每頁顯示的數量來動態添加adapter.

public void initViews() {
        final PackageManager packageManager = getPackageManager();
        final Intent mainIntent = new Intent(Intent.ACTION_MAIN, null);
        mainIntent.addCategory(Intent.CATEGORY_LAUNCHER);
        // get all apps 
        final List<ResolveInfo> apps = packageManager.queryIntentActivities(mainIntent, 0);
        // the total pages
        final int PageCount = (int)Math.ceil(apps.size()/APP_PAGE_SIZE);
        array = new ArrayList<GridView>();
        for (int i=0; i<PageCount; i++) {
            GridView appPage = new GridView(this);
            appPage.setAdapter(new AppAdapter(this, apps, i));
            appPage.setNumColumns(4);
            array.add(appPage); 
        }
    }

下方顯示的切換標記其實兩行代碼就可以搞定了。

mIndicator = (LinePageIndicator)findViewById(R.id.indicator);
mIndicator.setViewPager(viewPager);

然后布局文件中要引用這個自定義View

<LinearLayout 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:background="@android:color/white"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/myviewpager"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_gravity="center"
        android:scaleType="fitXY" />
    
    <LinearLayout 
        android:id="@+id/liner1"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:layout_gravity="center_horizontal"
        android:gravity="center_horizontal"
        android:orientation="horizontal"
        
        ></LinearLayout>
    
    <com.viewpagerindicator.LinePageIndicator
        android:id="@+id/indicator"
        android:layout_width="fill_parent"
        android:layout_height="10dp"
        android:padding="10dip" />

</LinearLayout>

ViewPage滑動Adapter,這個里面可以自定義需求,比如說,你要實現一個可以無限循環滑動的view,那么你可以把最大數量設為500或者1000更大的然后需要處理好異常,addview跟removeview

package cn.example.adapter;

import java.util.List;
import com.viewpagerindicator.IconPagerAdapter;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.GridView;
public class MyViewPagerAdapter extends PagerAdapter implements
        IconPagerAdapter {
    private List<GridView> array;

    /**
     * 供外部調用(new)的方法
     * 
     * @param context
     *            上下文
     * @param imageViews
     *            添加的序列對象
     */
    public MyViewPagerAdapter(Context context, List<GridView> array) {
        this.array = array;
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return array.size();
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0 == arg1;
    }

    @Override
    public Object instantiateItem(View arg0, int arg1) {
        View view = array.get(arg1);
        ((ViewPager) arg0).addView(array.get(arg1));
        return view;
    }

    @Override
    public void destroyItem(View arg0, int arg1, Object arg2) {
        ((ViewPager) arg0).removeView((View) arg2);
    }

    @Override
    public int getIconResId(int index) {
        // TODO Auto-generated method stub
        return 0;
    }

}

實現GrildView點擊事件

package cn.example.adapter;

import java.util.ArrayList;
import java.util.List;

import cn.example.activity.R;
import android.content.Context;
import android.content.pm.PackageManager;
import android.content.pm.ResolveInfo;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class AppAdapter extends BaseAdapter {
    private List<ResolveInfo> mList;// 定義一個list對象
    private Context mContext;// 上下文
    public static final int APP_PAGE_SIZE = 8;// 每一頁裝載數據的大小
    private PackageManager pm;// 定義一個PackageManager對象

    /**
     * 構造方法
     * 
     * @param context
     *            上下文
     * @param list
     *            所有APP的集合
     * @param page
     *            當前頁
     */
    public AppAdapter(Context context, List<ResolveInfo> list, int page) {
        mContext = context;
        pm = context.getPackageManager();
        mList = new ArrayList<ResolveInfo>();
        // 根據當前頁計算裝載的應用,每頁只裝載8個
        int i = page * APP_PAGE_SIZE;// 當前頁的其實位置
        int iEnd = i + APP_PAGE_SIZE;// 所有數據的結束位置
        while ((i < list.size()) && (i < iEnd)) {
            mList.add(list.get(i));
            i++;
        }
    }

    public int getCount() {
        // TODO Auto-generated method stub
        return mList.size();
    }

    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return mList.get(position);
    }

    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(
                    R.layout.app_item, parent, false);
        }
        final ResolveInfo appInfo = mList.get(position);
        ImageView appicon = (ImageView) convertView
                .findViewById(R.id.ivAppIcon);
        final TextView appname = (TextView) convertView
                .findViewById(R.id.tvAppName);
        appicon.setImageDrawable(appInfo.loadIcon(pm));
        appname.setText(appInfo.loadLabel(pm));
        convertView.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                Toast.makeText(mContext, "點擊了" + appInfo.loadLabel(pm),
                        Toast.LENGTH_SHORT).show();
            }
        });
        return convertView;
    }

}

 

稍后貼出下載連接,CSDN上傳出現問題,有需要的可以留郵箱給我。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM