mojo's Blog

안드로이드 프로그래밍 제 5장 연습문제 (4, 5, 6번) 본문

Android

안드로이드 프로그래밍 제 5장 연습문제 (4, 5, 6번)

_mojo_ 2021. 8. 28. 18:21

4번) 다음과 같은 화면이 나오도록 XML Code 작성하기 (LinearLayout)

 

 

XML Code

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:layout_weight="1">

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="#FFFF00"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="#000000"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:layout_weight="1">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="#0000FF"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="#00FF00"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="#FF0000"/>

        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#00FFFF"
        android:layout_weight="1"/>

</LinearLayout>

 

5번) 다음과 같은 화면이 나오도록 XML Code 작성하기 (RelativeLayout)

 

 

XML Code

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:id="@+id/baseBtn"
        android:background="#00FF00"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="기본 위젯"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1번"
        android:background="#00FF00"
        android:layout_alignParentLeft="@+id/baseBtn"
        android:layout_alignTop="@+id/baseBtn"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2번"
        android:background="#00FF00"
        android:layout_alignParentLeft="@+id/baseBtn"
        android:layout_alignBottom="@+id/baseBtn"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="3번"
        android:background="#00FF00"
        android:layout_toLeftOf="@+id/baseBtn"
        android:layout_alignParentBottom="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="4번"
        android:background="#00FF00"
        android:layout_alignLeft="@+id/baseBtn"
        android:layout_alignParentTop="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="5번"
        android:background="#00FF00"
        android:layout_alignRight="@+id/baseBtn"
        android:layout_alignParentBottom="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="6번"
        android:background="#00FF00"
        android:layout_toRightOf="@+id/baseBtn"
        android:layout_above="@+id/baseBtn"/>

</RelativeLayout>

 

6번) 다음과 같은 화면이 나오도록 XML Code 작성하기 (FrameLayout + LinearLayout)

 

 

XML Code

 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF0000">

    <LinearLayout
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:background="#00FF00"
        android:layout_gravity="center"/>

    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:background="#0000FF"
        android:layout_gravity="center"/>

    <LinearLayout
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#000000"
        android:layout_gravity="center"/>

</FrameLayout>

'Android' 카테고리의 다른 글

View Container  (0) 2021.08.29
고급 위젯 / 기타 위젯  (0) 2021.08.28
기타 레이아웃  (0) 2021.08.28
Java 코드로 화면 만들기  (0) 2021.08.28
Layout 종류 및 LinearLayout  (0) 2021.08.28
Comments