android - 在线性布局内制作一个框架

Question

你好我想做这样的事情：

问题是绿框。我无法得到它：

使用 almaz_from_kazan 选择更新代码，仍然不起作用：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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_width="fill_parent"
    android:layout_height="50dip"
    android:background="@color/blue"
>    
    <TextView
        android:id="@+id/contactLabel"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:text="@string/aboutTitle"
        android:textSize="30dip"
        android:layout_marginLeft="10dip" 
        android:gravity="center"
        android:textStyle="bold"
    /> 
</LinearLayout>

<LinearLayout 
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:weightSum="1.0"
    android:background ="@color/red"
> 
       <LinearLayout

            android:layout_width="0dp" 
            android:layout_height="wrap_content"
            android:layout_weight=".15"
        />

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp" 
            android:layout_height="wrap_content"
            android:layout_weight=".70"
            android:gravity="center"
            android:background="@color/green"   
         />


     //contents


         <LinearLayout
            android:layout_width="0dp" 
            android:layout_height="wrap_content"
            android:layout_weight=".15"
         />
</LinearLayout>
</LinearLayout>

如何实现框架 70% 宽、70% 高？

Answer 1

你可以用空的content layout一些额外的垂直和水平包装你，然后做这样的事情：LinearLayoutsView

好的，这是我的实现。（但由于空视图，我认为这不是最佳做法）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <View
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="0.15" />

    <LinearLayout
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="0.7"
      android:orientation="vertical">

         <View
           android:layout_width="fill_parent"
           android:layout_height="0dp"
           android:layout_weight="0.15" />

         <!-- content layout -->
         <LinearLayout
           android:layout_width="fill_parent"
           android:layout_height="0dp"
           android:layout_weight="0.7"
           android:background="#0f0" >
        </LinearLayout>

        <View
           android:layout_width="fill_parent"
           android:layout_height="0dp"
           android:layout_weight="0.15" />
    </LinearLayout>

    <View
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="0.15" />
</LinearLayout>

这会给你：

绿色区域正好是屏幕宽度的 70% 和屏幕高度的 70%

Answer 2

最简单的方法是创建红色乡绅并为内部绿色乡绅的距离设置填充

具有固定填充的示例：

    <TextView
        android:id="@+id/titleLabel"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:text="@string/aboutTitle"
        android:textSize="30dip"
        android:layout_marginLeft="10dip" 
        android:gravity="center"
        android:textStyle="bold"
    /> 

</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:padding ="30dp"
    android:background="@color/red">

    <LinearLayout
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@color/green">

    <!-- contents green squire -->

    </LinearLayout>

</LinearLayout>

编辑尝试隐含 weightsum 标签，示例：

<LinearLayout
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@color/red"
    android:weightSum="10">
    <LinearLayout
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@color/green"
    android:weightSum="7"
    android:gravity="center">
    <!-- contents green squire -->
    </LinearLayout>
</LinearLayout>