在线性布局中制作一个框架

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包含一些额外的纵向和横向LinearLayouts与空View包裹起来，并制作如下内容：

好的，这是我的实施。 （但我不认为这是最好的做法，因为空视图）

<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>

编辑尝试使用权重标记，示例：

<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>