안드로이드 뷰의 기초 속성 실습!

디자인 모드로 해도되지만 저는 가장 기본이되는 텍스트 모드로 xml 코드를 작성을 하겠습니다.

코드로 xml을 만들어 봐야지 디자인 모드가 어떤식으로 동작하는지 알수있기 때문이죠

오늘은

 

이런 화면이 처음에 나오고 만약 visible true 라는 버튼을 클릭할시에 

이렇게되어지는 컴포넌트를 만들어 보겠습니다.

 

자 처음에 액티비티 파일 Lab3_3Activity 라는 파일을 만들어 주시고

그러면 res하위 폴더에 layout에 activity_lab3_3.xml 자동으로 만들어져 있을거에요

 

그파일코드를

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <Button
        android:id="@+id/btn_visible_true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="visible true"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/text_visible_target"
        android:text="hello world"
        android:background="#FF0000"
        android:textColor="#FFFFFF"
        android:padding="16dp"
        android:visibility="invisible"
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_visible_false"
        android:text="visible false"/>

</LinearLayout>

이렇게 만들어줍니다.  저기서보시면 각각의 id 값이 있고 textview부분을 보시면 visibility에 "invisible"이라고 속성을

정해주었습니다. 그래서 처음에 textview는 보이지가 않습니다. 하지만 저희든은 visible true 버튼을 눌리면 invisible을 visible로 바꾸어 주어야겠죠? 그래서

lab3_3Activity.java 파일을 이런 코드로 바꾸어 줍니다.

 

package com.example.part2_3;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

public class Lab3_3Activity extends AppCompatActivity implements View.OnClickListener{
    Button trueBtn;
    TextView targetTextview;
    Button falsebtn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_lab3_3);
        trueBtn = findViewById(R.id.btn_visible_true);
        targetTextview = findViewById(R.id.text_visible_target);
        falsebtn = findViewById(R.id.btn_visible_false);

        trueBtn.setOnClickListener(this);
        falsebtn.setOnClickListener(this);


    }
    @Override
    public void onClick(View v){
        if(v == trueBtn){
            targetTextview.setVisibility(View.VISIBLE);
        }else if(v == falsebtn){
            targetTextview.setVisibility(View.INVISIBLE);
        }

    }
}

버튼2개를 등록시키고 그리고 textview도 하나 등록시켜줍니다 그리고 이벤트 리스너을 만들어줍니다.

이 리스너는 만약 버튼이 trueBtn이면 textview를 visible시켜주고 아니면 invisible을 만들어주는 코드입니다.

 

이렇게 코드를 작성한뒤에 run 시켜주시면 위의 예제처럼 나오게 됩니다!