안드로이드 스튜디오 기초 화면 작성 방법

AndroidStudio에서 앱 화면을 만드는 방법의 기초를 정리하려고합니다.

레이아웃이란?



레이아웃은 GUI 배치를 결정하는 메커니즘입니다.
이 레이아웃을 사용하면 Android 앱 화면을 쉽게 만들 수 있습니다.
Android 개발에서는 .xml로 작성하여 GUI를 배치합니다.

레이아웃 유형



화면을 구성하는 요소(파트)는 크게 나누어 2종류 있습니다.
ビュー、(ウィジェットとも言う)ビューグループ(レイアウト部品とも言う)ビュー는 화면 부품 자체입니다.

res/layout 파일 편집



이 레이아웃 파일을 편집하기 위한 전용 편집기를 레이아웃 편집기라고 합니다.
레이아웃 편집기의 오른쪽 상단에 버튼이 있습니다.
コードタブ 를 선택, 코드 모드로 한 상태에서, XML 코드를 기술해 간다.
→이 XML 코드를 Android Studio가 구문 분석하여 그래픽으로 표시하는 것이 デザインタブ
layout 파일을 이해하기 위해서도, 우선은 XML 코드로 기술해 간다.

주요 레이아웃 부품




태그
내용


LinearLayout
가장 취급하기 쉬운 레이아웃

TableLayout
표 형식으로 화면 부품 배치

FlameLayout
화면 부품을 겹쳐 배치

RelativeLayout
화면 부품을 상대적으로 배치

ConstraintLayout
RelativeLayout과 마찬가지로 화면 부품을 상대적으로 배치


주요 대표적인 보기




태그
내용


TextView
문자열 표시

EditText
텍스트 박스(1행이나 복수행, 숫자만 등의 입력 제한도 가능)

버튼
버튼

RadioButton
라디오 버튼

CheckBox
체크박스

SeekBar
슬라이더

RatingBar
☆로 레이트값을 표현

Switch
ON/OFF를 표현할 수 있는 스위치


화면 구성은 태그 조합

Android 화면에서는 레이아웃 부품과 뷰 부품을 계층적으로 조합하여 사용합니다.
LineaLayout ∟  TextView

샘플 코드



activity_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:background="#A1A9BA"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tvLabelInput"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="10dp"
        android:background="#ffffff"
        android:text="@string/tv_msg"
        android:textSize="25sp" />
</LinearLayout>


해설


「android:id="@+id/tvLabelInput"」는 화면 구성 요소의 ID 설정을 지정합니다.
ID를 지정함으로써 액티비티 내에서 "@+id/..."의 이름으로 부품에 액세스할 수 있게 된다.

즉, 여기에서는, 「tvLabelInput」이라고 하는 이름으로 액세스 할 수 있도록 설정하고 있다.
android:text="@string/tv_msg"는 화면 파트가 표시될 때 문자열을 설정합니다.
파일 구성에 대해서는 → htps : // t. ly/3g58tQH

기본적으로 문자열은 strings.xml에 기술하고 거기에서 가져옵니다.
그 방법이 「@string/・・・」 ・・・에, strings.xml로 선언한, name=・・・의・・・를 지정한다. 

strings.xml
<resources>
    <string name="app_name">画面部品サンプル</string>
    <string name="tv_msg">お名前を入力してください。</string>
</resources>


tips -입력의 종류를 설정하는 속성-



이번 샘플 코드에서는 나오지 않았지만, android:inputType 에 대해 정리해 둡니다.



내용


텍스트
일반 문자열 입력

number
숫자 입력

전화
전화번호 입력

textEmailAddress
이메일 주소 입력

textMultiLine
여러 줄 입력

textUri
URI 입력


tips -숫자 단위-



수치를 지정하는 경우는, px는 사용하지 않는다.
이유는 화면 밀도에 따라 달라집니다. Android 기기마다 화면 밀도가 다르기 때문에 적합하지 않습니다.

dp, sp 사용dp 는 밀도 독립적 픽셀입니다.
밀도가 다르더라도, OS가 사이즈 계산을 해 주어, 외형이 같게 된다.
sp 는 스케일 독립 픽셀입니다.
dp와 비슷하지만 화면 밀도의 차이뿐만 아니라 사용자가 설정한 문자 크기도 고려하고 있다.

구분



뷰 및 뷰 그룹의 크기를 조정하려면 dp를 사용하고,
텍스트 크기를 설정하려면 sp를 사용하십시오.

좋은 웹페이지 즐겨찾기