3

我在 Android 屏幕上显示了一个 gridviewImages。我的要求是滑动全屏图像

这里我的代码：

图像适配器：

public class ImageAdapter extends BaseAdapter {
   private Context mContext;

   // Constructor
   public ImageAdapter(Context c) {
      mContext = c;
   }

   public int getCount() {
      return mThumbIds.length;
   }

   public Object getItem(int position) {
      return null;
   }

   public long getItemId(int position) {
      return 0;
   }

   // create a new ImageView for each item referenced by the Adapter
   public View getView(int position, View convertView, ViewGroup parent) {
      ImageView imageView;
      if (convertView == null) {
      imageView = new ImageView(mContext);
      imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
      imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
      imageView.setPadding(8, 8, 8, 8);
      } else {
      imageView = (ImageView) convertView;
      }

      imageView.setImageResource(mThumbIds[position]);
      return imageView;
   }

   // Keep all Images in array
   public Integer[] mThumbIds = {
      R.drawable.cn1, R.drawable.cn2,
      R.drawable.cn3, R.drawable.cn4,
      R.drawable.cn5, R.drawable.cn6,
      R.drawable.cn7, R.drawable.cn8,
      R.drawable.cn9, R.drawable.cn10,
      R.drawable.cn11, R.drawable.cn12

   };
}

主要活动：

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        GridView gridview = (GridView) findViewById(R.id.gridview);
          gridview.setAdapter(new ImageAdapter(this));
          gridview.setOnItemClickListener(new OnItemClickListener() {
              public void onItemClick(AdapterView<?> parent, View v,
                      int position, long id) {

                  // Send intent to SingleViewActivity
                  Intent i = 
                  new Intent(getApplicationContext(), SingleViewActivity.class);
                  // Pass image index
                  i.putExtra("id", position);
                  Log.d("onCreateMain>>","OnCreateMain");

                  startActivity(i);
              }
          });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

单视图活动：

public class SingleViewActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.single_view);
        Log.d("onCreate>>","OnCreate");

        // Get intent data
        Intent i = getIntent();

        // Selected image id
        int position = i.getExtras().getInt("id");

        Log.d("Position>>>","Position"+position);
        ImageAdapter imageAdapter = new ImageAdapter(this);

        ImageView imageView = (ImageView) findViewById(R.id.SingleView);
        imageView.setImageResource(imageAdapter.mThumbIds[position]);
    }

}

布局 XML 文件：

活动主.xml：

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
   android:id="@+id/gridview"
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent"
   android:columnWidth="90dp"
   android:numColumns="auto_fit"
   android:verticalSpacing="10dp"
   android:horizontalSpacing="10dp"
   android:stretchMode="columnWidth"
   android:gravity="center"
/>

单视图.xml：

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

   <ImageView android:id="@+id/SingleView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"/>

</LinearLayout>

我的要求是滑动全屏图像，有人可以帮忙吗？

4

1 回答 1

4

ViewPager 将让您在片段之间“滑动”，这正是您想要达到的效果。只需将您当前的 SingleViewActivity 变成一个片段：

public class SingleViewFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.single_view, container, false);
    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {

        int resource = getArguments().getInt("image");

        ImageView imageView = (ImageView) findViewById(R.id.SingleView);
        imageView.setImageResource(imageAdapter.mThumbIds[position]);
    }
}

您将需要一个 PagerAdapter 来根据需要生成此片段。

public class ImagesPagerAdapter extends FragmentPagerAdapter{

    public Integer[] mThumbIds = {
        R.drawable.cn1, R.drawable.cn2,
        R.drawable.cn3, R.drawable.cn4,
        R.drawable.cn5, R.drawable.cn6,
        R.drawable.cn7, R.drawable.cn8,
        R.drawable.cn9, R.drawable.cn10,
        R.drawable.cn11, R.drawable.cn12
    };

    @Override
    public Fragment getItem(int i) {
        Bundle args = new Bundle();
        args.putInt("image", mThumbIds[i]);

        SingleViewFragment fragment = new SingleViewFragment();
        fragment.setArguments(args);

        return fragment;
    }

    @Override
    public int getCount() {
        return mThumbIds.length;
    }
}

然后，您将需要一个包含单个 ViewPager 的活动，将 ImagesPagerAdapter 的实例设置为其适配器，并为其指定开始的位置。

public class SingleViewActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pager);

        // Selected image id
        int position = getIntent().getIntExtra("id", 0);

        ViewPager pager = (ViewPager) findViewById(R.id.pager);
        pager.setAdapter(new ImagesPagerAdapter(this));
        pager.setCurrentItem(position);
    }
}

其中activiy_pager 只是一个包含您需要的ViewPager 的布局。

<ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/pager"
       android:layout_width="match_parent"
       android:layout_height="match_parent"/>
于 2013-09-27T20:04:29.953 回答