위젯: ImageView, ButtonView

1. 위젯: ImageView 이미지뷰

※ 안드로이드에서는 이미지는 res - drawable 아래에 넣는다.

1. 레이아웃 부분

디자인 창에서 위젯 중 ImageView를 선택하여 화면으로 끌어넣는다.

ImageView 안에서 android:src="@drawable/korea_small" 이런 식으로 이미지의 경로를 지정해주면 되며, 이미지 파일의 확장자는 써주지 않아도 된다.

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:id="@+id/textView" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:layout_below="@+id/textView"
        android:layout_marginTop="40dp"
        android:src="@drawable/korea_small"
        android:background="#a5a684"  />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView2"
        android:layout_marginTop="56dp"
        android:src="@drawable/korea_big"
        android:background="#a5a684"  />

</LinearLayout>

2. 위젯: ButtonView 버튼뷰

파레트에서 layout 중 LinearLayout을 선택하여 영역을 잡고, 이 영역 안에 위젯 Button곽 ToggleButton을 배치하자.

토글버튼은 누를 때마다 on off가 바뀐다.

<?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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.progdv.app10_buttonview.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:id="@+id/textView" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button2" />

        <ToggleButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New ToggleButton"
            android:id="@+id/toggleButton" />


    </LinearLayout>

</RelativeLayout>