작성한 부스트코스 후기입니다.
여러분들의 성원에 더 노력하는 부스트코스가 되겠습니다.
감사합니다.
******************************************
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">//이중선