java - 使用并排 float 的元素或表格单元创建图库

Question

friend 们，我是 Android 新手，我面临着所有初学者的问题，例如学习过程的第一步中的信息过载。

我想开发一个 Activity ，其内容类似于图片库，每行有 2 张图片。使用 HTML + CSS，我将创建带有 float:left 和父元素宽度一半的 div。或者创建一个每行两个单元格的表格。不会在 HTML 中为照片库执行此操作，但我知道它有效。

我想以编程方式执行此操作，并且我已经看到了 TableLayout 和relativelayout 的解决方案。但我不明白如何为我想要放置在布局中的数据(将是标题和图像)创建一个容器，例如 HTML 中的 DIV。而且我不明白如何使它们中的每两个并排。

在布局和编程方面您会如何做到这一点？

我稍后将用图像更新此线程，以便更好地理解我的问题。

Answer 1

使用下面的 XML 代码作为模板在您的 Activity 中进行膨胀，然后添加到 ListView

1. 在主 Activity 中通过 LayoutInflater 膨胀 View :

   LayoutInflater inflater = getActivity() .getLayoutInflater();
   View view = inflater.inflate(R.layout.my_stats_layout, null); 
   

2. 使用上面的 View 作为 ListView 中的项目 - 使用本教程进行自定义 ListView http://androidexample.com/How_To_Create_A_Custom_Listview_-_Android_Example/index.php?view=article_discription&aid=67&aaid=92

XML 布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity" >

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:src="@drawable/img1" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:src="@drawable/img2" />
        </RelativeLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="Img1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="Img2"
            android:textColor="#000" />
    </LinearLayout>
  </LinearLayout>
</RelativeLayout>