이 UI를 만들고 싶습니다.

Question

이 UI를 만들고 싶습니다.

나는이 작업을 수행했다.

<RelativeLayout 
    android:layout_width="wrap_content" 
    android:layout_height="274dp" 
    android:layout_marginTop="40dp" 
    android:background="@drawable/car" 
    android:orientation="vertical"> 


    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:text="PP AUTOMATIVES" 
     android:textSize="18dp" 
     android:textStyle="bold" /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:src="@drawable/ratingimage" 
     /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentStart="true" 
     android:src="@drawable/offersimage" 


     /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:src="@drawable/heartimage" 

     /> 

    </RelativeLayout> 

    </RelativeLayout> 

나는 이미지의 정렬 및 설정 배경 색상, 여백과 '오피스 웍스 "UI에 따라 텍스트 뷰의 스타일을 설정할 수 없습니다입니다.

Answer 1

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="220dp" 
    android:layout_marginTop="40dp" 
    android:background="@drawable/car"> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="#f7f7f8" 
     android:padding="2dp"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerVertical="true" 
      android:layout_margin="10dp" 
      android:text="PP AUTOMATIVES" 
      android:textColor="@color/white" 
      android:textSize="20sp" 
      android:textStyle="bold" /> 

    </RelativeLayout> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:padding="2dp" 
     android:src="@drawable/ratingimage" /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:src="@drawable/offersimage" /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:padding="5dp" 
     android:src="@drawable/heartimage" /> 

</RelativeLayout>