Andriod) 기본 위젯 TextView, Button, RadioGroup, RadioButton, EditText

텍스트 뷰(TextView)

보이는 문자열을 설정할 수 있다.

textColor

문자열 색상

textSize

문자열크기(폰트사이즈)

- dp : 40dp

- sp : 40sp

- px : 40px

 

*폰트 그대로 표시할 때 sp단위를 일반적으로 사용

*xml에서 위젯의 크기는 dp로 사용

textStyle 

문자열의 스타일

- normal

- bold

- italic

- bolditalic

EditView

singleLine

텍스트뷰에 한줄로 표시

디폴트 값은 false로 여러줄 표시이고

true로 하면 singleLine으로 설정(한줄)

 

---

new project name : hello10_view

actibvity_main.xml

MainActivity.java

추가 : text_view.xml

추가 : button_view.xml

추가 : edit_text_view.xml

---

만들화면

---

actibvity_main.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/button01"
        android:layout_width="200dp"
        android:layout_height="wrap_content"

        android:text="텍스트뷰 사용하기"
        android:textSize="18sp"
        android:textStyle="bold"

        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"

        android:onClick="onButtonClicked01"
        />

    <Button
        android:id="@+id/button02"
        android:layout_width="200dp"
        android:layout_height="wrap_content"

        android:text="버튼 사용하기"
        android:textSize="18sp"
        android:textStyle="bold"

        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"

        android:onClick="onButtonClicked02"
        />
</LinearLayout>

---

MainActivity.java

package com.example.hello10_view;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);//activity_main.xml
    }//onCreate-end
    public void onButtonClicked01(View v){
        setContentView(R.layout.text_view);//text_view.xml
    }//onButtonClicked01-method-end
    public void onButtonClicked02(View v){
        setContentView(R.layout.button_view);//button_view.xml
    }//onButtonClicked02-method-end
    public void onButtonClicked03(View v){
        setContentView(R.layout.edit_text_view);//edit_text_view.xml
    }//onButtonClicked03-method-end
    public void onCheckBox01(View v){
        Toast myToast=Toast.makeText(this.getApplicationContext(), "하루종일 체크박스 클릭",Toast.LENGTH_SHORT);
        myToast.show();
    }//onCheckBox01-method-end
    public void onRadioClicked01(View v){
        Toast myToast=Toast.makeText(this.getApplicationContext(), "남성 선택",Toast.LENGTH_SHORT);
        myToast.show();
    }//onRadioClicked01-method-end
    public void onRadioClicked02(View v){
        Toast myToast=Toast.makeText(this.getApplicationContext(), "여성 선택",Toast.LENGTH_SHORT);
        myToast.show();
    }//onRadioClicked02-method-end
}//class-end

---

text_view.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">

    <TextView
        android:id="@+id/textView01"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        android:text="사용자 이름 입력"

        android:background="#fcfc8e"
        android:padding="4dp"

        android:textSize="22dp"
        android:textStyle="bold"
        android:textColor="#FF5722"

        android:singleLine="true"
        android:gravity="center"
        />
</LinearLayout>

TextView

: 보이는 문자열을 설정할 수 있다.

---

button_view.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/selectButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="선택"

        android:textSize="24dp"
        android:textStyle="bold"
        />
    <!--라디오버튼-->
    <RadioGroup
        android:id="@+id/radioGroup01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_margin="10dp"
        >
        <!--첫 번째 라디오 버튼-->
        <RadioButton
            android:id="@+id/radio01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="남성"
            android:textColor="@color/black"
            android:textStyle="bold"
            android:textSize="24dp"
            android:onClick="onRadioClicked01"
            />
        <!--두 번째 라디오 버튼-->
        <RadioButton
            android:id="@+id/radio02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="여성"
            android:textColor="@color/black"
            android:textStyle="bold"
            android:textSize="24dp"
            android:onClick="onRadioClicked02"
            />
    </RadioGroup>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical|center_horizontal"
        android:paddingTop="10dp"
        >
        <CheckBox
            android:id="@+id/allDay"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="하루종일"
            android:textSize="24dp"
            android:onClick="onCheckBox01"
            />
    </LinearLayout>
</LinearLayout>

RadioGroup > RadioButton

CheckBox

---

 

edit_text_view.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">

    <EditText
        android:id="@+id/userNameInput"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="24dp"
        />
</LinearLayout>

EditText

: 텍스트뷰에 한줄로 표시 디폴트 값은 false로 여러줄 표시이고 true로 하면 singleLine으로 설정(한줄)

android:inputType="textCapWords" : 모든 단어의 앞 문자만 대문자로 변환.

android:hint="이름을 입력하세요." : placeholder

 

 

---

참고 링크 : https://recipes4dev.tistory.com/95

---