垂直划分两个相等的部分

时间:2015-11-05 18:21:57

标签: android android-layout android-linearlayout

我必须将屏幕垂直分成两个相等的部分。但我无法找到我做错的地方!我对LinearLayout使用了layout_height =“0dp”和layout_weight =“1”,但结果仍然相同。

我也查了这篇文章

How to split the screen with two equal LinearLayouts?

How to divide screen into three parts vertically?

我还是无法实现它。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@color/profileImBg"
        android:orientation="horizontal"
        >


        <ImageView
            android:id="@+id/profileIm"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="@drawable/profileImage" />


    </LinearLayout>

    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        style="@style/cardStyle"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <android.support.v7.widget.GridLayout
            android:id="@+id/buttonGrid"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="16dp"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            android:layout_marginTop="16dp"

            app:columnCount="2"
            app:rowCount="2">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_marginBottom="8dp"
                android:layout_marginRight="8dp"
                android:text="Name"
                android:textColor="#757575"
                android:textSize="16sp"
                app:layout_column="0"
                app:layout_columnWeight="1"
                app:layout_row="0"

                />


            <TextView
                android:id="@+id/name"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginBottom="8dp"
                android:layout_marginLeft="8dp"
                android:textColor="#757575"
                android:textSize="20sp"
                app:layout_column="1"
                app:layout_columnWeight="1"
                app:layout_row="0" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_marginBottom="8dp"
                android:layout_marginRight="8dp"
                android:text="Contact Number"
                android:textColor="#757575"
                android:textSize="16sp"
                app:layout_column="0"
                app:layout_columnWeight="1"
                app:layout_row="1"

                />


            <TextView
                android:id="@+id/contactNumber"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginBottom="8dp"
                android:layout_marginLeft="8dp"
                android:textColor="#757575"
                android:textSize="20sp"
                app:layout_column="1"
                app:layout_columnWeight="2"
                app:layout_row="1" />






        </android.support.v7.widget.GridLayout>

    </android.support.v7.widget.CardView>

</LinearLayout>

3 个答案:

答案 0 :(得分:1)

尝试使用http://www.w3.org/TR/WD-html40-970917/htmlweb.html中的新库:

 dependencies{
     compile 'com.android.support:percent:23.1.0'
 }

然后:

 <?xml version="1.0" encoding="utf-8">
 <android.support.percent.PercentRelativeLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">

     <FrameLayout
          android:id="@+id/frame1"
          app:layout_heightPercent="50%"
          android:layout_height="wrap_content"
          android:layout_width="match_parent">

     </FrameLayout>

     <FrameLayout
          android:layout_below="@+id/frame1"
          app:layout_heightPercent="50%"
          android:layout_height="wrap_content"
          android:layout_width="match_parent">

      </FrameLayout>

 </android.support.percent.PercentRelativeLayout>

这也支持PercentFrameLayout

所以在你的情况下,这将是:

 <?xml version="1.0" encoding="utf-8">
 <android.support.percent.PercentRelativeLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">

     <FrameLayout
          android:id="@+id/frame1"
          app:layout_heightPercent="50%"
          android:layout_height="wrap_content"
          android:layout_width="match_parent">

          <ImageView
               android:id="@+id/profileIm"
               android:layout_width="wrap_content"
               android:layout_height="match_parent"
               android:layout_gravity="center_vertical"
               android:src="@drawable/profileImage" />

     </FrameLayout>

     <FrameLayout
          app:layout_heightPercent="50%"
          android:layout_below="@+id/frame1"
          android:layout_height="wrap_content"
          android:layout_width="match_parent">

          <android.support.v7.widget.CardView
               android:id="@+id/card_view"
               style="@style/cardStyle"
               android:layout_width="match_parent"
               android:layout_height="match_parent">

            <android.support.v7.widget.GridLayout

                 ... and so on ...>

             </android.support.v7.widget.GridLayout>

          </android.support.v7.widget.CardView>
      </FrameLayout>

 </android.support.percent.PercentRelativeLayout>

答案 1 :(得分:1)

使用Weight属性可以实现,使用下面的代码。

<LinearLayout android:orientation="horizontal" android:layout_height="fill_parent" android:layout_width="fill_parent">
     <LinearLayout android:layout_weight="1" android:layout_height="fill_parent" android:layout_width="0dp"/>
     <LinearLayout android:layout_weight="1" android:layout_height="fill_parent" android:layout_width="0dp"/>
</LinearLayout>

答案 2 :(得分:0)

试试这个

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="2"
        android:orientation="vertical">

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            ......
            >
    </LinearLayout>

    <android.support.v7.widget.CardView
            android:id="@+id/card_view"
            style="@style/cardStyle"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">
    ....
    </android.support.v7.widget.CardView>