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余分な垂直方向と水平方向LinearLayoutsを空Viewの 's でラップして、次のようにすることができます。

わかりました、これが私の実装です。（しかし、空のビューのため、それがベストプラクティスだとは思いません）

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