Androidにて,ぴったり重なったトランプの山のように,Viewを表示したいです.
ListViewのdividerHeightを調整して重ねると,大量のViewが生成され,1000ほどでアプリががたがたになってしまうので,賢い使い回しをしてくれるものを探しています.
また,その山を左右にスワイプすると次のカードが見えるようにしたいと考えています.
ご存知の方,または良い案をお持ちの方はご教授ください.よろしくお願いします.
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答2件
0
色々コスト削減の余地はありますが,とりあえず希望のものができました.
Java
1public class DeckView extends FrameLayout { 2 3 ViewPager[] viewPagers = new ViewPager[3]; 4 5 public DeckView(Context context) { 6 super(context); 7 8 for (int i = 0; i < 3; i++) { 9 final ViewPager viewPager = new ViewPager(context); 10 viewPager.setAdapter(new MyPagerAdapter(context, i)); 11 viewPager.setCurrentItem(1); 12 viewPagers[i] = viewPager; 13 viewPager.addOnPageChangeListener(new MyOnPageChangeListener(i)); 14 addView(viewPager, i); 15 } 16 } 17 18 class MyOnPageChangeListener implements ViewPager.OnPageChangeListener { 19 20 private final int index; 21 private int position = 1; 22 23 public MyOnPageChangeListener(int index) { 24 this.index = index; 25 } 26 27 @Override 28 public void onPageScrolled(int i, float v, int i1) { 29 30 } 31 32 @Override 33 public void onPageSelected(int position) { 34 this.position = position; 35 } 36 37 @Override 38 public void onPageScrollStateChanged(int state) { 39 if (position != 1 && state == ViewPager.SCROLL_STATE_IDLE) { 40 switch (index) { 41 case 0: // index 1のViewPagerが出てるとき 42 System.out.println("case0"); 43 viewPagers[0].bringToFront(); 44 viewPagers[1].bringToFront(); 45 viewPagers[2].bringToFront(); 46 viewPagers[0].setCurrentItem(1, false); 47 break; 48 case 1: // index 2のViewPagerが出てるとき 49 System.out.println("case1"); 50 viewPagers[1].bringToFront(); 51 viewPagers[2].bringToFront(); 52 viewPagers[0].bringToFront(); 53 viewPagers[1].setCurrentItem(1, false); 54 break; 55 case 2: // index 1のViewPagerが出てるとき 56 System.out.println("case2"); 57 viewPagers[2].bringToFront(); 58 viewPagers[0].bringToFront(); 59 viewPagers[1].bringToFront(); 60 viewPagers[2].setCurrentItem(1, false); 61 break; 62 } 63 64 } 65 } 66 } 67} 68 69 70class MyPagerAdapter extends PagerAdapter { 71 private final Context context; 72 private final int color; 73 private static final Random RANDOM = new SecureRandom(); 74 private final int index; 75 76 public MyPagerAdapter(Context context, int index) { 77 super(); 78 this.context = context; 79 color = Color.rgb(RANDOM.nextInt(0x100), RANDOM.nextInt(0x100), RANDOM.nextInt(0x100)); 80 this.index = index; 81 } 82 83 @Override 84 public Object instantiateItem(ViewGroup container, int position) { 85 switch (position) { 86 case 0: 87 return null; 88 case 1: 89 TextView textView = new TextView(context); 90 textView.setText(String.valueOf(index)); 91 textView.setBackgroundColor(color); 92 container.addView(textView); 93 return textView; 94 case 2: 95 return null; 96 default: 97 throw new UnsupportedOperationException(); 98 } 99 } 100 101 @Override 102 public void destroyItem(ViewGroup container, int position, Object object) { 103 ((ViewPager) container).removeView((View) object); 104 } 105 106 107 @Override 108 public int getCount() { 109 return 3; 110 } 111 112 @Override 113 public boolean isViewFromObject(View view, Object obj) { 114 return view.equals(obj); 115 } 116}
投稿2015/10/19 09:38
退会済みユーザー
総合スコア0
0
ベストアンサー
ListViewではなく、AdapterViewFlipperを使うことでできそうです。
投稿2015/10/17 04:33
編集2015/10/17 04:34総合スコア18155
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答ありがとうございます.AdapterViewFlipperに触ってみました.まさにこのような機能です!ありがとうございます.
しかし,AdapterViewFlipperでは同時に2つ以上のViewを表示できず,前の要素をスワイプしながら,次の要素を見ることができなさそうです.ViewPagerライクな左右スワイプを実現できるとなお良いのですが,そのようなことは可能でしょうか.
AdapterViewにViewPagerを入れて実装すべきでしょうか.
退会済みユーザー
2015/10/17 07:16 編集
と思ったら,自分のアニメーションの仕方が悪く,2つのViewを表示していなかったようです.2つまでなら,アニメーションで表示することができました.
ViewPagerのような左右スワイプ(半分くらいのスワイプなら次の要素に移動しない,指に張り付いたようなアニメーション)によって,後ろの要素を見せつつ,次の要素に送ることが可能でしょうか.ただ,ViewPager(null, card, null)をAdapterに乗せるだけでは,後ろの要素を見せることができません.
お教えいただければ幸いです.
2015/10/17 08:26
提案しておいてあれですが、使ったこと無いので詳細はイマイチわかっていません。
少し使ってみてから再度コメントします。
退会済みユーザー
2015/10/18 05:50
お手数かけます,ありがとうございます!
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。