딸기스무디

RelativeLayout으로 화면구성하기 본문

android

RelativeLayout으로 화면구성하기

strawberry-smoothie 2020. 9. 15. 08:48

RelativeLayout: parent 또는 다른뷰와의 상대적 위치로 화면 구성

 

위와 같이 layout를 구성하려면, linearlayout 3개를 설정하고 layout 속성을 설정해준다.

id:linearlayout1은 buttonlayout보다 위에 있어야 하므로 android:layout_above="@+id/buttonlayout",

id:linearlayout2은 buttonlayout보다 밑에 있어야 하므로 android:layout_below="@+id/buttonlayout"

수직으로 배치했으므로 android:orientation은 vertical로 설정하였다.

 

<LinearLayout
        android:id="@+id/linearlayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/buttonLayout"
        android:layout_centerHorizontal="true"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

 

 

RelativeLayout + LinearLayout

 

<RelativeLayout
        android:id="@+id/layout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/linearlayout2"
        android:layout_centerHorizontal="true"
        android:orientation="vertical">
        
        <ImageView
            android:id="@+id/imagev"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"   />
        /* contents */
</RelativeLayout>

<LinearLayout
        android:id="@+id/linearlayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical"
        >
        
        <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="onclickButton1"
                android:text=" " />
                
        /* contents */
        
</LinearLayout>
Comments