Как создать наложение в нижней части вид пейджера для слайдера изображений в android

Я хочу сделать макет для слайдера изображений, поэтому нужно создать пейджер вида, а также сделать наложение в нижней части пейджера вида.
Как создать макет слайдера изображений.Введите описание изображения здесь

Введите описание изображения здесь

Как я уже упоминал выше изображения, как, что хотите сделать макет в android
Спасибо заранее

3 ответа

  1. это код xml :

    <RelativeLayout 
                    android_layout_width="match_parent"
                    android_layout_height="match_parent"
                    android_background="@android:color/white"
                    android_orientation="vertical" >
      <ImageView
              android_id="@+id/selected"
              android_layout_width="fill_parent"
              android_layout_height="fill_parent"
              android_layout_above="@+id/gallery_relative_layout"
              android_layout_marginLeft="30dip"
              android_layout_marginRight="30dip"
              android_layout_marginTop="30dip"
    
                />
      <View
              android_layout_width="match_parent"
              android_layout_height="1dp"
              android_background="#000000"
              android_layout_marginTop="300dp"
              android_layout_above="@+id/gallery_relative_layout"
                />
    
      <RelativeLayout
              android_id="@+id/gallery_relative_layout"
              android_layout_width="fill_parent"
              android_layout_height="200dip"
              android_layout_alignParentBottom="true"
              android_orientation="horizontal"
              android_paddingTop="20dp">
    
        <HorizontalScrollView
              android_id="@+id/hor_scroll_view"
              android_layout_width="match_parent"
              android_layout_height="wrap_content"
                   >
          <LinearLayout
              android_id="@+id/gallery"
              android_layout_width="wrap_content"
              android_layout_height="wrap_content"
              android_orientation="horizontal" >
            <ImageView
                android_id="@+id/image1"
                android_layout_width="wrap_content"
                android_layout_height="wrap_content"
                android_src="@drawable/im1"
                android_onClick="biggerView"/>
            <ImageView
                android_id="@+id/image2"
                android_layout_width="wrap_content"
                android_layout_height="wrap_content"
                android_src="@drawable/im2"
                android_onClick="biggerView"/>
            <ImageView
                android_id="@+id/image3"
                android_layout_width="wrap_content"
                android_layout_height="wrap_content"
                android_src="@drawable/im3"
                android_onClick="biggerView"/>
            <ImageView
                android_id="@+id/image4"
                android_layout_width="wrap_content"
                android_layout_height="wrap_content"
                android_src="@drawable/im4"
                android_onClick="biggerView"/>
            <ImageView
                    android_id="@+id/image5"
                    android_layout_width="wrap_content"
                    android_layout_height="wrap_content"
                    android_src="@drawable/im5"
                    android_onClick="biggerView"/>
            <ImageView
                    android_id="@+id/image6"
                    android_layout_width="wrap_content"
                    android_layout_height="wrap_content"
                    android_src="@drawable/im6"
                    android_onClick="biggerView"/>
            <ImageView
                    android_id="@+id/image7"
                    android_layout_width="wrap_content"
                    android_layout_height="wrap_content"
                    android_src="@drawable/im7"
                    android_onClick="biggerView"/>
          </LinearLayout>
        </HorizontalScrollView>
      </RelativeLayout>
    </RelativeLayout>
    

    это MainActivity.Java-код :

    public class MainActivity extends Activity {
    
        ImageView im;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    
    
        public void biggerView(View v)
        {
           im=(ImageView)findViewById(R.id.selected);
    
           switch (v.getId())
           {
               case R.id.image1: im.setImageResource(R.drawable.im1);
                                 break;
               case R.id.image2: im.setImageResource(R.drawable.im2);
                                 break;
               case R.id.image3: im.setImageResource(R.drawable.im3);
                                 break;
               case R.id.image4: im.setImageResource(R.drawable.im4);
                                 break;
               case R.id.image5: im.setImageResource(R.drawable.im5);
                                 break;
               case R.id.image6: im.setImageResource(R.drawable.im6);
                                 break;
               case R.id.image7: im.setImageResource(R.drawable.im7);
                                 break;
           }
        }
    
        @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;
        }
    }
    

    вот выход :

    Введите описание изображения здесь

    Когда вы щелкаете любое изображение, оно отображается следующим образом.

    Введите описание изображения здесь

    Примечание: здесь я использовал мой образ использовал ваш образ и посмотреть результат.

  2. Вы можете использовать вид Recycler внизу. и добавьте LinearLayoutManager с горизонтальной прокруткой. добавьте изображение одного элемента в адаптер. Это, безусловно, поможет вам 🙂

  3. Я использовал такой компонент раньше.

    В основном этих кодов должно быть достаточно для вас. Это не должно быть сложно на самом деле.

    Это ваши коды макета. Я уверен, что вам удастся использовать их в кодах java в соответствии с вашими потребностями.

    Вот ссылка для horizontalListView:
    https://github.com/sephiroth74/HorizontalVariableListView

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout 
        android_layout_width="match_parent"
        android_layout_height="match_parent">
    
        <android.support.v4.view.ViewPager
            android_layout_width="match_parent"
            android_layout_height="match_parent"
            android_background="#ffAAAAAA" />
    
        <!--You may use here-->
        <!--HorizontalListView or-->
        <!--RecyclerView with horizontal layoutManager-->
        <!--I would use HorizontalListView it's easier-->
        <!--You may find it by searching in google-->
        <HorizontalListView
            android_layout_width="match_parent"
            android_layout_gravity="bottom"
            android_layout_height="150dp"
            android_background="#66FFffFF" />
    
    </FrameLayout>
    

    Счастливое кодирование.