Jake のViewPageIndicatorを使用しており、スワイプ ギャラリーのように画像を表示したいと考えています。私が始めることができる参照リンク。基本的なビューページャーを実装しましたが、以下のように画像ビューペーパーを実装したいと考えています
ViewPageIndicatorを使用して達成することは可能ですか?
質問する
161009 次
9 に答える
72
Jake の ViewPageIndicator では、View ページャーを実装して、
["this","is","a","text"](FragmentPagerAdapter を拡張する) YourAdapter.java から View ページャーにビューを返す YourFragment.java に渡す文字列配列 (つまり) を表示します。
何か違うものを表示するには、渡すコンテキスト タイプを変更するだけです。この場合、次のサンプルに示すように、テキストではなく画像を渡します。
Viewpager のセットアップ方法は次のとおりです。
public class PlaceDetailsFragment extends SherlockFragment {
PlaceSlidesFragmentAdapter mAdapter;
ViewPager mPager;
PageIndicator mIndicator;
public static final String TAG = "detailsFragment";
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_place_details,
container, false);
mAdapter = new PlaceSlidesFragmentAdapter(getActivity()
.getSupportFragmentManager());
mPager = (ViewPager) view.findViewById(R.id.pager);
mPager.setAdapter(mAdapter);
mIndicator = (CirclePageIndicator) view.findViewById(R.id.indicator);
mIndicator.setViewPager(mPager);
((CirclePageIndicator) mIndicator).setSnap(true);
mIndicator
.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
Toast.makeText(PlaceDetailsFragment.this.getActivity(),
"Changed to page " + position,
Toast.LENGTH_SHORT).show();
}
@Override
public void onPageScrolled(int position,
float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
return view;
}
}
your_layout.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" >
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<com.viewpagerindicator.CirclePageIndicator
android:id="@+id/indicator"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="10dip" />
</LinearLayout>
あなたのAdapter.java
public class PlaceSlidesFragmentAdapter extends FragmentPagerAdapter implements
IconPagerAdapter {
private int[] Images = new int[] { R.drawable.photo1, R.drawable.photo2,
R.drawable.photo3, R.drawable.photo4
};
protected static final int[] ICONS = new int[] { R.drawable.marker,
R.drawable.marker, R.drawable.marker, R.drawable.marker };
private int mCount = Images.length;
public PlaceSlidesFragmentAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return new PlaceSlideFragment(Images[position]);
}
@Override
public int getCount() {
return mCount;
}
@Override
public int getIconResId(int index) {
return ICONS[index % ICONS.length];
}
public void setCount(int count) {
if (count > 0 && count <= 10) {
mCount = count;
notifyDataSetChanged();
}
}
}
あなたのフラグメント.java
// ここからテキストではなく画像を返す必要があります。//
public final class PlaceSlideFragment extends Fragment {
int imageResourceId;
public PlaceSlideFragment(int i) {
imageResourceId = i;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
ImageView image = new ImageView(getActivity());
image.setImageResource(imageResourceId);
LinearLayout layout = new LinearLayout(getActivity());
layout.setLayoutParams(new LayoutParams());
layout.setGravity(Gravity.CENTER);
layout.addView(image);
return layout;
}
}
上記のコードから、このようなビュー ページャーを取得する必要があります。
于 2012-12-12T05:09:32.577 に答える
44
AndroidImageSliderという名前のライブラリを作成しました。試してみてください。
于 2014-06-18T10:49:15.940 に答える
12
ViewPager 実装を使用した画像ビューアー、このプロジェクトを確認してください https://github.com/chiuki/android-swipe-image-viewer
このディスカッションも参照してくださいビューページャーで画像をスワイプする（レイアウトではない）
于 2012-12-10T07:08:51.010 に答える
4
このhttps://gist.github.com/8cbe094bb7a783e37ad1を使用して周囲のページを表示し、 http: //viewpagerindicator.com/thisをインジケーターとして使用します。それはかなりクールです、私はそれをギャラリーに使用しています。
于 2012-12-10T19:31:07.760 に答える
3
Hoho ..これを実装するためにGalleryを使用するのは非常に簡単なはずですが、ViewPagerを使用するのははるかに困難です。しかし、Galleryには本当に多くの問題があり、Android 4.2以降は廃止されているため、ViewPagerを使用することをお勧めします。
PagerAdapter には、ページ サイズを制御するメソッド getPageWidth() がありますが、これだけでは目標を達成できません。
ヘルプについては、次の 2 つの記事をお読みください。
于 2012-12-10T07:06:18.263 に答える
2
カスタム ギャラリー コントロールを使用できます。このhttps://github.com/kilaka/ImageViewZoomを確認してください 。
于 2012-12-10T07:13:00.327 に答える
1
こんにちは、円インジケーターでスライドする単純な Android 画像を探している場合は、ここから完全なコードをダウンロードできますhttp://javaant.com/viewpager-with-circle-indicator-in-android/#.VysQQRV96Hs。明確なアイデアを提供するライブデモを確認してください。
于 2016-05-05T09:21:59.460 に答える
0
素晴らしいOne Image Slider : https://github.com/daimajia/AndroidImageSliderチェックしてください
于 2014-06-02T12:05:25.710 に答える