[안드로이드 프로그래밍 7판] 연습문제 2장 7번

> 2장 연습문제 7번

111p

7. 다음 화면을 디자인하고 Java 코드를 완성하시오.

(1) 구성 : EditText, Button 2개, RadioGroup, RadioButton 2개, ImageView, 이미지 2개를 drawable 폴더에 복사해 넣는다.

(2) 작동 

- <글자 나타내기>를 클릭하면 EditText에 입력한 글자가 잠깐 토스트 메시지로 출력된다.
- <홈페이지 열기>를 클릭하면 EditText에 입력한 URL이 열린다.
- 처음에는 기본 이미지가 나타나고 라디오 버튼을 클릭하면 다른 이미지로 변경된다. (총 2개 이미지)

---

[코드]

 

activity_main.xml

<?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">

    <EditText
        android:id="@+id/edittext1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="글자를 입력하세요." />


    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/strBtn1" />

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

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="11.0(R)" />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="12.0(s)" />
    </RadioGroup>

    <ImageView
        android:id="@+id/img1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/v" />

    <ImageView
        android:id="@+id/img2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/w" />
</LinearLayout>

 

MainActivity.java

package com.example.baseapp;

import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    EditText edittext1;
    Button button1;
    Button button2;
    RadioButton radio1;
    RadioButton radio2;

    ImageView imageView1;
    ImageView imageView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        edittext1 = (EditText) findViewById(R.id.edittext1);
        button1 = (Button) findViewById(R.id.button1);
        button2 = (Button) findViewById(R.id.button2);
        radio1 = (RadioButton) findViewById(R.id.radio1);
        radio2 = (RadioButton) findViewById(R.id.radio2);

        imageView1 = (ImageView) findViewById(R.id.img1);
        imageView2 = (ImageView) findViewById(R.id.img2);

        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(), edittext1.getText(), Toast.LENGTH_SHORT).show();
            }
        });
        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent urlIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://m.naver.com"));
                startActivity(urlIntent);
            }
        });

        radio1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                imageView1.setImageResource(R.drawable.v);
            }
        });

        radio2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                imageView1.setImageResource(R.drawable.w);
            }
        });

    }
}

 

[실행 결과]

첫 화면

'글자 나타내기' 버튼 클릭 시

'홈페이지 열기' 버튼 클릭 시

'12.0(s)' 라디오 버튼 클릭 시

---

* 헷갈렸던 부분 *

 

1. 버튼을 세로로 나열하기

xml파일에 

android:orientation="vertical"

이 문장을 추가합니다..!

방향을 지정하는 속성으로

- vertical : 세로방향으로 나열

- horizontal : 가로방향으로 나열

 

2. 인터넷 연결

Intent urlIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://m.naver.com"));
startActivity(urlIntent);

"홈페이지 열기" 버튼을 click할 시 동작하는 부분

Intent 철자 주의해서 작성하자!

 

3. button1 클릭시 입력한 text 출력하기 (Toast 활용)

Toast.makeText(getApplicationContext(), edittext1.getText(), Toast.LENGTH_SHORT).show();

Toast를 활용하여 edittext1의 글자 내용을 불러오는 getText()함수를 사용해서 나타낸다.

---

 

이번 문제는 정말 쉽네용 ㅎ.ㅎ