एंड्रॉयड - कई देखे जाने योग्य वस्तुओं की क्षैतिज स्क्रॉल

Question

संपादित करें: आसान उपाय

महत्वपूर्ण के लिए अपने खुद के जवाब देखें: बाउंटी ViewPager संशोधित करने के लिए परिदृश्य नीचे उल्लिखित को पूरा करने के स्पष्ट रास्ता के लिए की पेशकश की है। कृपया HorizontalScrollView नहीं करते हैं - मैं पूर्ण टुकड़ा जीवन चक्र परिदृश्य कवर

मैं Fragments आधारित दृश्य, जिसमें एक आइटम केंद्र और दाएँ/बाएँ करने के लिए आइटम में है आंशिक रूप से या पूरी तरह से दिखाई दे रहे हैं की क्षैतिज स्क्रॉल लागू करने की आवश्यकता की जरूरत है। ViewPager कार्य के लिए उपयुक्त बीमार है क्योंकि यह हर समय एक आइटम प्रदर्शित करने पर केंद्रित है।

नीचे समझना आसान बनाने के लिए एक त्वरित स्केच है जिसमें आइटम 1, 5 और 6 देखने योग्य क्षेत्र के बाहर हैं। और और इस दृश्यमान संख्या को कॉन्फ़िगर करने योग्य बनाना चाहते हैं, उदाहरण के लिए पोर्ट्रेट व्यू में मैं केवल 2 (या संभवतः केवल एक) आइटम दिखाऊंगा।

मैं स्क्रीन पर 3 आइटम फिट करने की कोशिश नहीं कर रहा हूं, जब तक कि केंद्रीय वस्तु को अन्य लोगों को दिखाया जा सके। छोटी स्क्रीन पर 1 केंद्रीय आइटम होना ठीक है और जैसे ही स्क्रीन आकार में बढ़ता है (फसल ठीक है) आइटम

मुझे समझ में आता है कि यह एक गैलरी की तरह दिखता है लेकिन फिर आइटम साधारण छवियां नहीं हैं लेकिन Fragments के साथ प्रत्येक खंड में एक लंबवत स्क्रॉल करने योग्य सूची

पीएस इस ब्लॉगपोस्ट को @ कॉमन्सवेयर द्वारा मिला है कि list 3 different approaches। मेरी जरूरत के लिए मुझे पसंद है # 3

Answer 1

इस में आश्चर्यजनक रूप से आसान जवाब है, मुझे यह भी यकीन नहीं है कि इसे तुरंत क्यों पोस्ट नहीं किया गया था। सटीक प्रभाव प्राप्त करने के लिए मुझे बस इतना करना था कि PagerAdapter#getPageWidth विधि को ओवरराइड करना था। डिफ़ॉल्ट रूप से यह 1 लौटाता है लेकिन यदि आप इसे 0.5 पर सेट करते हैं तो आपको 2 पेज मिलेंगे, 0.33 आपको 3, आदि देगा। पेजर आइटम्स के बीच विभाजक की चौड़ाई के आधार पर आपको मूल्य को थोड़ा कम करना पड़ सकता है।

@Override 
    public float getPageWidth(final int position) { 
     // this will have 3 pages in a single view 
     return 0.32f; 
    } 

Answer 2

मैं दो तरीकों से संभवतः इस लागू करने के लिए के बारे में सोच सकते हैं।

1. ViewSwitcher द्वारा। यहां एक उत्कृष्ट YouTube video दिखा रहा है कि यह onGestureListener के साथ कैसे काम करता है। हालांकि, मुझे यकीन नहीं है कि यह आपके चित्र शो जैसे कई विचारों के साथ काम करेगा या नहीं।

2. एक विकल्प के रूप में, आप HorizontalScrollView का उपयोग कर सकते हैं। हालांकि, यदि आपके पास एक दूसरे के अंदर एक स्क्रॉलव्यू है, तो यह अक्सर समस्याएं पैदा करता है, लेकिन यह एक शॉट के लायक हो सकता है!

मुझे बताएं कि यह कैसे चलता है, शुभकामनाएँ!

Answer 3

MrZander का दूसरा जवाब के अलावा इस https://stackoverflow.com/a/2655740/935075

Answer 4

कैसे कुछ इसी तरह प्राप्त करने के लिए एक कस्टम क्षैतिज स्क्रॉल दृश्य लिखने के लिए पर Check out this blog post पर एक नज़र डालें। उदाहरण में एक समय में केवल एक स्क्रीन दिखाई दे रही है, लेकिन आप इसे अपनी आवश्यकताओं के लिए आसानी से संशोधित करने में सक्षम होना चाहिए।

Answer 5

एक बार जब मैंने टेम्पलेट के समान कुछ लिखा था। मेरे उदाहरण में मैं बटन ऊपर और नीचे बटन के साथ स्क्रॉल कर सकते हैं। आप अपनी आवश्यकताओं को पूरा करने के लिए इसे थोड़ा सा संशोधित कर सकते हैं।

यह इस तरह दिखता है: मेरे उदाहरण में मैं 4 दृश्य इस तरह की व्यवस्था की है।

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
     <LinearLayout 
     android:layout_height="350sp" 
     android:layout_width="320sp"> 
     <LinearLayout 
      android:id="@+id/viewContainer" 
      android:background="#CCCCCC" 
      android:layout_width="640sp" 
      android:layout_height="700sp"> 
     </LinearLayout> 
    </LinearLayout> 
     <TableLayout 
      android:id="@+id/tableLayout" 
      android:layout_width="320sp" 
      android:layout_height="fill_parent" 
      android:stretchColumns="1" 
      android:gravity="bottom" 
      android:layout_alignParentBottom="true"> 
      <TableRow 
      android:background="#333333" 
      android:gravity="bottom">  
      <Button 
       android:id="@+id/btnUp" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:text="Lift U" 
       /> 
      <Button 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:visibility="invisible" 
      /> 
      <Button 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:visibility="invisible" 
      /> 
      <Button 
       android:id="@+id/btnScreenUp" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:layout_gravity="right" 
       android:text="Scrn U" 
       /> 
      </TableRow> 
      <TableRow 
       android:background="#444444" 
       android:layout_gravity="right"> 
       <Button 
       android:id="@+id/btnDown" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:text="Lift D" 
       /> 
       <Button 
       android:id="@+id/btnEnter" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:text="Enter" 
       /> 
       <Button 
       android:id="@+id/btnScreenLeft" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:layout_gravity="right" 
       android:text="Scrn L" 
       /> 
       <Button 
       android:id="@+id/btnScreenDown" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:layout_gravity="right" 
       android:text="Scrn D" 
       /> 
       <Button 
       android:id="@+id/btnScreenRight" 
       android:layout_width="60sp" 
       android:layout_height="50sp" 
       android:layout_gravity="right" 
       android:text="Scrn R" 
       /> 
      </TableRow> 
    </TableLayout> 
</FrameLayout> 

और इस जावा कोड:

import android.app.Activity; 
import android.os.Bundle; 
import android.util.DisplayMetrics; 
import android.view.Gravity; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.Window; 
import android.widget.Button; 
import android.widget.LinearLayout; 
import android.widget.TextView; 

public class ViewSwitcherTest extends Activity { 

    private TextView view1, view2, view3, view4; 
    private Button btnUp, btnEnter, btnDown, btnScreenDown, btnScreenUp, btnScreenLeft, btnScreenRight; 
    private LinearLayout viewContainer; 
// private TableLayout tableLayout; 
    private LinearLayout.LayoutParams layoutParams; 
    private DisplayMetrics metrics = new DisplayMetrics(); 
    private int top = 0, left = 0; 
    private float density = 1.0f; 
// private ViewSwitcher switcher; 

    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     requestWindowFeature(Window.FEATURE_NO_TITLE); 
     getWindowManager().getDefaultDisplay().getMetrics(metrics); 
     density = metrics.density; 
     setContentView(R.layout.main); 
//  Buttons 
     btnEnter = (Button)findViewById(R.id.btnEnter); 
     btnUp = (Button)findViewById(R.id.btnUp); 
     btnDown = (Button)findViewById(R.id.btnDown); 
     btnScreenDown = (Button)findViewById(R.id.btnScreenDown); 
     btnScreenUp = (Button)findViewById(R.id.btnScreenUp); 
     btnScreenLeft = (Button)findViewById(R.id.btnScreenLeft); 
     btnScreenRight = (Button)findViewById(R.id.btnScreenRight); 
//  -------- 
//  tableLayout = (TableLayout)findViewById(R.id.tableLayout); 
     view1 = new TextView(this); 
     view1.setBackgroundResource(R.drawable.view1); 
     view1.setHeight((int)(350*density)); 
     view1.setWidth((int)(320*density)); 
     view1.setGravity(Gravity.CENTER_VERTICAL|Gravity.CENTER_HORIZONTAL); 
     layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); 
     layoutParams.setMargins(left, top, 0, 0); 
     viewContainer = (LinearLayout)findViewById(R.id.viewContainer); 
     viewContainer.addView(view1, layoutParams); 
     //Add 2nd view 
     view2 = new TextView(this); 
     view2.setBackgroundResource(R.drawable.view2); 
     view2.setHeight((int)(350*density)); 
     view2.setWidth((int)(320*density)); 
     view2.setGravity(Gravity.CENTER_VERTICAL|Gravity.CENTER_HORIZONTAL); 
     layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); 
     layoutParams.setMargins(left, top, 0, 0); 
     viewContainer.addView(view2, layoutParams); 
     //Add 3rd view 
     view3 = new TextView(this); 
     view3.setBackgroundResource(R.drawable.view3); 
     view3.setHeight((int)(350*density)); 
     view3.setWidth((int)(320*density)); 
     view3.setGravity(Gravity.CENTER_VERTICAL|Gravity.CENTER_HORIZONTAL); 
     top += 350*density; 
     left += 640*density*(-1); 
     layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); 
     layoutParams.setMargins(left, top, 0, 0); 
     viewContainer.addView(view3, layoutParams);  
     //add 4th view 
     view4 = new TextView(this); 
     view4.setBackgroundResource(R.drawable.view4); 
     view4.setHeight((int)(350*density)); 
     view4.setWidth((int)(320*density)); 
     view4.setGravity(Gravity.CENTER_VERTICAL|Gravity.CENTER_HORIZONTAL); 
     top += 0; 
     left += 640*density; 
     layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); 
     layoutParams.setMargins(left, top, 0, 0); 
     viewContainer.addView(view4, layoutParams);  
     btnEnter.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       // Quit the application for now 
       finish(); 
      } 
     }); 
     btnScreenLeft.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       viewContainer.scrollBy(-10,0); 
      } 
     }); 
     btnScreenRight.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       viewContainer.scrollBy(10,0); 
      } 
     }); 
     btnScreenUp.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       viewContainer.scrollBy(0,-10); 
      } 
     }); 
     btnScreenDown.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       viewContainer.scrollBy(0,10); 
      } 
     }); 
//  view1.setOnKeyListener(new OnKeyListener() {    
//   @Override 
//   public boolean onKey(View v, int keyCode, KeyEvent event) { 
//    if (keyCode == KeyEvent.KEYCODE_DPAD_DOWN) 
//     viewContainer.scrollBy(0,10); 
//    return true; 
//   } 
//  }); 
    } 
} 

कोड इस एक्सएमएल से मिलकर बनता है: चित्र पर मैं देखने के लिए 2 सही करने के लिए दृश्य 1 से स्क्रॉल प्रत्येक स्क्रीन पर बड़ी संख्या काले रंग की छवियां हैं जिन पर चित्रित संख्याएं हैं। (मैंने इसे यहां पोस्ट नहीं किया क्योंकि आप शायद कोड को संशोधित करेंगे)।

Answer 6

यदि आप व्यूपेजर को विस्तारित करना चाहते हैं तो ड्रॉ विधि को ओवरराइड करें, और setOffscreenPageLimit (int सीमा) सेट करें। लेकिन, अगर आप अपने टुकड़े स्वयं जटिल हैं तो FragmentPageAdapter का उपयोग करने की सलाह देते हैं।

आप स्रोत कोड here जांच कर सकते हैं या आप इसे here कर सकते हैं आप समर्थन पैकेज में एक जांच करने के लिए चाहते हैं।

Answer 7

हम GalleryFragments के साथ BaseAdapter के साथ एक गैलरी एडाप्टर का उपयोग करके वर्णन कर रहे हैं जैसे कुछ बहुत कुछ कर रहे हैं। मैं आपके लक्ष्य को प्राप्त करने के लिए एक गैलरी के साथ जाने की अनुशंसा करता हूं (हम उस दृश्य के लिए ViewPager का भी उपयोग करते हैं जहां हमें अन्य टुकड़े देखने की आवश्यकता नहीं है)।