problem in understanding wrap_content function in xml

Question

this is my code:

Answer 1

If you want to handle your UI using weight then you should set width or height to 0. Otherwise, it will not work.

<LinearLayout
            android:layout_width="500dp"
            android:layout_height="20dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="3"
                android:background="@android:color/holo_green_light"
                android:gravity="center"
                android:text="30%"
                android:textColor="@android:color/white" >
            </TextView>

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="2"
                android:background="@android:color/holo_blue_bright"
                android:gravity="center"
                android:text="20%"
                android:textColor="@android:color/white" >
            </TextView>

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="5"
                android:background="@android:color/holo_orange_dark"
                android:gravity="center"
                android:text="50%"
                android:textColor="@android:color/white" >
            </TextView>
 </LinearLayout>

It will look like:

Answer 2

That is because you are providing weight . Remove weight and run it again . Weight let:s the textview occupy all the leftover space.