Как получить этот конкретный макет экрана для Android?

Question

Компоновка Код:

Так В основном я хочу высоту, чтобы быть половиной андроид экрана и B, чтобы быть в левом верхнем углу на вершине А. Таким образом, как фоновое изображение и B вы можете сказать, например, изображение, подобное лицу, например. Как мне это узнать?

Это то, что у меня есть до сих пор, но это, похоже, не работает? Может быть, я неправильно использую Relativelayout? Мне нужно что-то, что действует как контейнер, как div. Я предполагал, что если я упакую его в relativelayout или что-то вроде div, это сработает, но это не так.

<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.5"> 

    <ImageView 
     android:id="@+id/bground" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:scaleType="fitXY" 
     android:src= "@drawable/background" /> 

    <ImageView 
     android:id="@+id/profileimage" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:src= "@drawable/face" /> 

    </RelativeLayout> 
</LinearLayout> 

Answer 1

попробуйте это: используйте Framelayout для ImageView

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

    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"> 

     <ImageView 
      android:id="@+id/bground" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#ff574f" /> 

     <ImageView 
      android:id="@+id/profileimage" 
      android:layout_width="100dp" 
      android:layout_height="100dp" 
      android:layout_gravity="top|left" 
      android:background="#32cd32" /> 

    </FrameLayout> 

    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"> 

    </FrameLayout> 
</LinearLayout> 

Использование android:src для изображений

Answer 2

Вы можете легко достигнуть его, используя только RelativeLayout.

<RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.5"> 

    <ImageView 
     android:id="@+id/bground" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:scaleType="fitXY" 
     android:src= "@drawable/background" /> 

    <!-- You need to add the profile image view after the background view --> 
    <!-- so that it is placed above the background. --> 
    <!-- Lock the size for profile, don't fill the whole screen --> 
    <ImageView 
     android:id="@+id/profileimage" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:src= "@drawable/face" /> 

</RelativeLayout> 

Вы также можете использовать android:layout_alignParentTop="true" и android:layout_alignParentLeft="true" для profileimage зрения, чтобы сделать его в левом верхнем углу RelativeLayout.