[안드로이드]안드로이드 TextView, EditText , Button 기본 사용법

TextView 사용법

 

 <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My first application!"
        android:textColor="#D384E1"
        android:textSize="25sp" />

 

1,2.

<wrap_content와 march_parent의 차이점> 레이아웃이 감싸는 정도를 정도를 결정할때

-wrap_content: 텍스트를 입력하는데에 필요한 길이만큼만을 감싼다. 

-match_parent: 부모가 가지는 크기만큼을 감싼다. (해당 레이아웃의 컨테이너  크기만큼을 가득 채운다)

 

3.레이아웃안의 텍스트는 My first application!으로 적어주었다. 

4.텍스트 컬러는 보라색으로 해주었고 따옴표안에 #ffffff를 적어주면 색상선택판이 뜨게된다. 그 색상판에서 원하는 색깔을 선택해주면 자동으로 바뀌게 된다. 

5.글자의 크기는 25sp로 해주었다. 텍스트 크기 단위는 sp로 한다. 

 

  <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="2020 07 13 2:59"
        android:textSize="20sp" />

 

EditText 사용법

 

<EditText
        android:id="@+id/et_id"
        android:layout_width="175dp"
        android:layout_height="wrap_content"
        android:hint="아이디를 입력하세요" />

 

1. 원하는 EditText를 만들때 동적인 액션을 후에 만들어 주기 위해서는 해당 EditText의 id를 만들어주어야 한다. 

@+id/까지는 기본이며 그 후에 원하는 아이디를 지어준다. 나는 알아보기 쉽게 et_id로 해주었다. 

 

2. EditText의 가로길이는 175 dp로 해주었다. (dp는 레이아웃 치수이다) 

3. EditText의 세로길이는 wrap_content로 하였다. 

4. EditText안에는 "아이디를 입력하세요" 가 뜨도록 해주었다. 

 

Button 사용법

 

    <Button
        android:id="@+id/btn_click"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5sp"
        android:text="@string/click" />

 

1. 해당 버튼의 id는 마찬가지로 알아보기 쉽게 btn_click으로 해주었다.

2. 버튼 레이아웃의 가로는 wrap_content로 하였다. 

3. 버튼 레이아웃의 세로도 wrap_content로 하였다. 

4. 버튼주위의 간격은 5sp로 해주었다. 

5. 버튼안의 텍스트는 click으로 해주었다. 

 

*참고로 나는 위에서 만든 EditText(et_id)의 오른쪽에 버튼을 붙여주고 싶어서 따로 안에 새로운 LinearLayout을 만들어 horizontal로 설정해주고 그 안에 같이 EditText와 Button을 넣는 방식으로 옆에 붙였다.

전체 LinearLayout은 vertical이다. (수직 나열) 

 

위와 같은형태의 EditText와 Button을 하나 더 만들어준다.

  <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <EditText
            android:id="@+id/et_move"
            android:layout_width="175dp"
            android:layout_height="wrap_content"
            android:hint="입력해주세용" />

        <Button
            android:id="@+id/btn_move"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="move"
            android:textColor="#D61054"/>
        </LinearLayout>

 

해당 코드까지 추가해준다. 

 

결과물