我如何优化这个布局？

Question

我试图通过扁平化视图层次结构来优化Android应用程序中的布局。这里有一个特别难的问题！

此布局有一个主线布局，用于容纳顶行和底行（它们本身就是水平的子线布局）。中间的四个项目中的每一个都是使用LayOut权重来展开的垂直相对性（以适应图像视图和文本视图）。包含两个项目的每一行也是一个水平线性布局。

不用说，这种布局效率非常低，在绘制时会导致许多“编排者跳过了帧”的消息。我想删除这些嵌套的布局，但是AFAIK相对布局无助于水平行间距一行中的项目，垂直行间距居中的两行。此外，我考虑过用一个复合绘图器代替ImageView和TextView，但是我不知道如何控制绘图器的大小。

感谢您的帮助！

编辑：这里是布局的大致描述。

<!-- The top bar -->
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="80dip"
android:background="@drawable/some_image">
    ...
</LinearLayout>

<!-- Central Layout -->
<LinearLayout 
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:weightSum="2"
android:orientation="vertical">

    <!-- First Row -->
    <LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:baselineAligned="false"
    android:layout_marginTop="10dp"
    android:layout_weight="1"
    android:weightSum="2">


        <!-- Item 1 -->
        <RelativeLayout
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:gravity="center_vertical">

         <!-- ImageView and TextView here -->

        </RelativeLayout>

        <!-- Item 2 -->
        <RelativeLayout
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:gravity="center_vertical">

         <!-- ImageView and TextView here -->

        </RelativeLayout>

    </LinearLayout>
    <!-- End of first row layout -->

    <!-- Second Row -->
    <LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:baselineAligned="false"
    android:layout_marginTop="10dp"
    android:layout_weight="1"
    android:weightSum="2">


        <!-- Item 3 -->
        <RelativeLayout
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:gravity="center_vertical">

         <!-- ImageView and TextView here -->

        </RelativeLayout>

        <!-- Item 4 -->
        <RelativeLayout
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:gravity="center_vertical">

         <!-- ImageView and TextView here -->

        </RelativeLayout>

    </LinearLayout>
<!-- End of second row layout -->

</LinearLayout>
<!-- End of central layout -->

<!-- Bottom bar -->    
<LinearLayout...>
....
</LinearLayout>

Answer 1

最好的方法是编写自己的自定义ViewGroup，如果你了解android是如何布局的，那就很简单了。

请看以下罗曼·盖伊的幻灯片：

https://docs.google.com/leaf?id=0B_VKZCqEnHblNDdiY2UxODgtYWNhNS00MmU4LWE4NDMtZjQ1OWI5MDMxZTVh

Answer 2

您的示例与Android团队演示中的示例非常相似：http://developer.android.com/reference/android/widget/GridLayout.html

我对GridLayout绝对不是超级精通（在我开始使用它之前，我做了很多尝试和错误），但看看你有什么，它应该会起到作用（尤其是如果你将底部的所有按钮都移动到顶部，并将它们作为一个操作栏）。

摆脱layout_weights会改善一切，因为每次使用它们时，它们都会被一次又一次地测量。