로그인 바로가기 하위 메뉴 바로가기 본문 바로가기
난이도
심화

안드로이드 앱 프로그래밍

임시 이미지 정재곤
http://www.boostcourse.org/mo316/notice/2566
좋아요 1436 수강생 20099
아래의 글은 BOOSTER 서포터즈로 활동했던 bmj0***님이
작성한 부스트코스 후기입니다.
여러분들의 성원에 더 노력하는 부스트코스가 되겠습니다.
감사합니다.
******************************************
1)링크: https://blog.naver.com/bmj0178/221799592949
2)작성날짜: 20/02/07
<본문작성>

7. 기본 위젯들


학습 목표

1. 기본 위젯들의 주요 속성들을 이해하고 추가해봅시다.

2. 텍스트뷰나 이미지뷰를 화면에 잘 보여주기 위해서는 어떻게 하면 되는지 설명해봅시다.

학습하기

** 왼쪽 상단의 palette에서 위젯을 추가할 수 있다.

1. TextView - 텍스트삽입

2. CheckBox - 체크박스

3. ToggleButton - 활성/비활성 나타내는 버튼

4. RadioGroup,Button - 다지 선다형

- RadioGroup 에 Radio Button 이 속하도록 설정 ex) RadioGroup 안에 radiobutton1(여자) radiobutton2(남자)

5. EditText : 텍스트를 입력받을 수 있음

-hint에 텍스트를 넣어, 입력 전 어떤 텍스트를 입력해야 하는 지 알게 할 수 있음 ex) 아이디를 입력하시오.

6. ImageView - 이미지 삽입


8. 드로어블 만들기


1) 상태 드로어블


1. 상태 드로어블

- 화면에 그릴 수 있는 것(드로어블),화면의 일부에 그래픽을 직접 그리는 것, xml코드를 이용해서 만들 수 있음

- res폴더 밑에 xml 파일을 만들 수 있고, graphic과 관련된 정보 넣을 수 있음

2. 버튼이 상태에 따라서 달라지게 표현하기

: 눌린 상태시 ic_thumb_up_selected에 해당하는 아이콘을, 안눌린 상태시 ic_thumb_up에 해당하는 아이콘을 보여지게 한다.

-res폴더에 xml파일을 만든다.

- <item> 을 추가하고 기본 상태 시 뜨는 아이콘을drawable="@drawable/ic_thumb_up"

버튼이 눌렸을 때 state_pressed="true" 뜨는 아이콘을 drawable="@drawable/ic_thumb_up_selected으로 설정한다.

<item android:state_pressed="true" android:drawable="@drawable/ic_thumb_up_selected" />

<item android:drawable="@drawable/ic_thumb_up" />

-버튼의 background를 "@drawable/thumb_up"로 설정한다.


2) 쉐이프 드로어블


1. 쉐이프 드로어블

XML로 도형을 그릴 수 있도록 한다.

2. RECTANGLE 쉐이프

- <View android:background="@drawable/rect_shape" />_activity_main.xml

- <shape android:shape="rectangle">_rect.xml파일에서

- <size android:width="200dp" android:height="120dp"/>

<stroke android:width = "1dp" android:color="#0000ff"/>

<solid android:color="#aaddff"/>

<padding android:bottom="1dp" /> 이러한 설정을 해준다.

3. gradient

- activity_main.xml에서 background 설정을 해준다. background="@drawable/thumbnail_base"

- 새로운 xml파일의 shape 안에 gradient 속성을 넣어준다.

<gradient

android:startColor="#7288DB"

android:centerColor="#3250B4"

android:endColor = "#254095"

android:angle = "90"

android:centerY="0.5"

/>

4. border

-background 설정

-<item><shape android:shape="rectangle">//단일선

<item android:top="10dp" android:bottom="10dp" android:right="10dp" android:left="10dp">

<shape android:shape="rectangle">//이중선

 

*********************************************