Question

我想为Image Slider制作布局，因此必须创建视图寻呼机，并且必须在视图寻呼机的底部进行叠加。如何为Image Slider创建该布局。

正如我上面提到的想要在android中进行布局的图像在此先感谢

Answer 1

这是xml代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                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;
    }
}

这里是输出：

单击任何图像时，显示如下。

注意：这里我使用了我的Image使用了你的Image并查看了结果。

Answer 2

您可以在底部使用Recycler View。并添加一个带水平滚动的LinearLayoutManager。在适配器中添加单个项目图像视图。它肯定会帮助你:)）

Answer 3

之前我使用过这样的组件。

基本上这些代码应该足够你了。它不一定非常复杂。

这些是您的布局代码。我相信你会设法根据你的需要在java代码中使用它们。

这是horizontalListView的链接： https://github.com/sephiroth74/HorizontalVariableListView

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    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>

快乐的编码。

如何在Android的图像滑块的视图寻呼机底部创建叠加层

3 个答案:

注意：这里我使用了我的Image使用了你的Image并查看了结果。