Automatic image scaling to percentage of screen width inside Android layout
<p>I'd like to reproduce the following layout. <a href="https://i.stack.imgur.com/wmeOC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wmeOC.png" alt="enter image description here"></a> </p>

<p>But I can't reproduce correctly the area inside red rectangle. Code so far: </p>

<pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"&gt;

&lt;ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
    android:src="@drawable/graph_bg" /&gt;

&lt;LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"
    android:gravity="center"
    android:orientation="horizontal"&gt;
    &lt;View
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="0.13"&gt;
    &lt;/View&gt;

    &lt;LinearLayout
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="32dp"
        android:layout_marginBottom="32dp"
        android:layout_marginRight="8dp"
        android:orientation="vertical"
        android:background="@color/white"
        android:gravity="center"
        android:layout_weight="0.74"&gt;

        &lt;ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:scaleType="centerInside"
            android:src="@drawable/pic_mw_logo" /&gt;
        &lt;TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/calcs"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#000000" /&gt;
    &lt;/LinearLayout&gt;
    &lt;View
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="0.13"&gt;
    &lt;/View&gt;

&lt;/LinearLayout&gt;

&lt;RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"&gt;
    &lt;TextView
        android:id="@+id/sponsored_descr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:text="Sponsored by\nxxxx"/&gt;
&lt;!--- LOGOS HERE I SUPPOSE --&gt;        

&lt;/RelativeLayout&gt;

&lt;/RelativeLayout&gt;
</code></pre>

<p>Both logos at the bottom are pictures with size about 200x100 px. I'd like them to be scaled to say about 15% of screen width each and displayed like on the picture</p>