Android显示全屏滑块图像

时间:2013-09-27 18:49:56

标签: android android-intent android-listview android-emulator

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

这是我的代码:

ImageAdapter:

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

   };
}   

MainActivity:

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;
    }

}

SingleViewActivity:

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文件:

activity_main.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"
/>

single_view.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>

我的要求是滑动全屏图像,任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分: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"/>