Layout using percents

Question

I want to layout the following: A title using the 20% of the screen, and a group of images using the rest (80%) in which each image uses the same amount of space. All this is vertically. This is the code I am using

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="20"
    android:orientation = "vertical">
    <TextView
        android:id="@+id/titleTextView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/dashboard_title"
        android:textAppearance="?android:attr/textAppearanceLarge" 
        android:gravity="center"/>
</LinearLayout>

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="80"
    android:orientation = "vertical">
    <ImageView
        android:id="@+id/logo1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/logo" 
        android:layout_weight= "33" />

    <ImageView
        android:id="@+id/logo2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/logo"
        android:layout_weight= "33"  />

    <ImageView
        android:id="@+id/logo3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/logo"
        android:layout_weight= "33" />
</LinearLayout>

This is however what I am getting

enter image description here

Which is not the desired layout (notice the title has more than the 20% of the screen height). Also, I am getting some warnings about performance issues using nested layout_weight

possible duplicate of [Defining a percentage width for a LinearLayout?](http://stackoverflow.com/questions/6557220/defining-a-percentage-width-for-a-linearlayout) — VenomVendor, Oct 23 '14 at 10:14
I have read that, but I didn't get it. Do I need two `relativeLayout`, one for the title an other for the images? — José D., Oct 23 '14 at 10:17
See this answer here: http://stackoverflow.com/questions/3995825/what-does-androidlayout-weight-mean — markt, Oct 23 '14 at 10:20
@VenomVendor But then I don't get why it doesnt work. I am already using two layouts — José D., Oct 23 '14 at 10:23
when you use `layout_weight` based on orientation `layout_height` or `layout_width` should be set to `0dp` If you have a screen shot of how it should look, kindly update the question. — VenomVendor, Oct 23 '14 at 10:28
@VenomVendor Thanks, that was indeed the problem as I just reported =) — José D., Oct 23 '14 at 10:30
@VenomVendor In fact, as this is just a silly question I answered myself, if you don't mind I will delete this thread. — José D., Oct 23 '14 at 10:33

score 0 · Answer 1 · answered Oct 23 '14 at 10:25

0

The problem was fixed just by setting

android:layout_height="0px"

answered Oct 23 '14 at 10:25

José D.

4,175
7
28
47

Layout using percents

1 Answers1