如何使用ViewPager实现一个应用程序（每个视图都包含一些带有某些键的布局）？

Question

我想实现一个有三个屏幕的应用程序。

所有三个屏幕都有三种不同的布局，并带有一组自己的按键。

我想在ViewPager中实现这一点，以便我可以刷我的屏幕，并与每个屏幕进行交互，就像我正在与一个活动进行交互一样。

我该怎么做？

我的一位同事告诉我，我需要获取所有按钮和视图的ID，并且应该单独与它进行交互。我明白了。有人可以向我解释实现此应用程序的逻辑。

我想在平板电脑或手机中实现类似启动器的功能。触摸侦听器是否能够单击位于触摸点下方屏幕上的视图或小部件？

请查看我的应用数据。

所有屏幕都有一些按钮和小部件，当每个按钮和小部件都突出显示时，需要响应用户触摸/点击。

请详细说明一下。

Answer 1

我设法创建了一个仪表板，类似于某些设备＆＃39;默认启动器，通过实现ViewPager并创建我自己的PagerAdpter。请参阅以下代码：

public class DashboardPagerAdapter extends PagerAdapter {

private static final int ROWS = 4;
private static final int COLS = 4;

private Context mContext;
private List<AppEntry> mData;

public DashboardPagerAdapter(Context context, List<AppEntry> data) {
    mContext = context;
    mData = data;
}

@Override
public int getCount() {
    double ratio = (double) mData.size() / (ROWS * COLS);
    return (int) Math.ceil(ratio);
}

@Override
public boolean isViewFromObject(View view, Object object) {
    return view == ((TableLayout) object);
}

@Override
public Object instantiateItem(ViewGroup container, int position) {

    int cols = COLS, rows = ROWS;
    switch (mContext.getResources().getConfiguration().orientation) {
    case Configuration.ORIENTATION_PORTRAIT:
        rows++;
        break;
    default:
        cols++;
    }

    TableLayout table = new TableLayout(mContext);
    table.setStretchAllColumns(true);
    table.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
            LayoutParams.MATCH_PARENT));
    table.setBackgroundColor(Color.DKGRAY);

    int start = position * rows * cols;
    int end = Math.min(start + rows * cols, mData.size());

    LayoutInflater inflater = LayoutInflater.from(mContext);

    for (int i = 0; i < rows; i++) {
        TableRow row = new TableRow(mContext);
        row.setLayoutParams(new TableLayout.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1f));
        row.setGravity(Gravity.CENTER);
        for (int j = 0; j < cols; j++) {

            int pos = start + i * cols + j;

            if (pos < end) {

                AppEntry item = mData.get(pos);

                View vItem = inflater.inflate(R.layout.grid_item, null,
                        false);

                ImageView image = (ImageView) vItem.findViewById(R.id.icon);
                image.setImageDrawable(item.getIcon());

                row.addView(vItem);
            } else {
                TextView vPlaceHolder = new TextView(mContext);
                vPlaceHolder.setText(" ");
                row.addView(vPlaceHolder);
            }

        }
        table.addView(row);
    }

    container.addView(table);

    return table;

}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
    container.removeView((View) object);
}

}

在这种情况下，instantiateItem方法返回一个TableLayout，用于显示应用程序图标。我通过将数据集合的大小除以每页的项目数（行* cols）来计算页数（getCount（））。

如果要处理该事件，可以在for循环中向vItem添加onClickListener。我建议在视图之间共享监听器，并在采取任何行动之前询问标签或ID。

如果您的内容是静态的，您可能希望改为使用FragmentPagerAdapter，并为每个页面创建一个片段。

Answer 2

这是相当雄心勃勃的 - 否则每个人都已经发布了自己的启动器式应用程序 - 但是可行。听起来您需要ViewPager GridView作为托管视图。 GridView可以通过附加onItemClickListener()的内容轻松完成您所谈论的内容，以捕获每个项目的点击次数。 ViewPager有很多教程（请参阅here以获得合适的教程）和GridView（请参阅here了解那些），现在你需要做的就是让他们一起工作，这应该是太艰难了，只要做一点工作。