안드로이드 스튜디오 - 기본 위젯

레이아웃 안에서 Button의 위치 바꾸기

Button의 위치를 바꿀 때 사용하는 코드는 android:gravity이다.

android:gravity는 자신이 품고 있는 요소들의 정렬 방식을 결정하는 것이다.

cetner_vertical의 효과로 세로의 가운데에 button이 놓이게 된다.

gravity안에 들어가는 값들은 다양하므로 외우려고 하지말고

바꾸고 싶을 때마다 검색을 하거나 직접 하나씩 다 쳐보는게 좋다.

몇가지의 예를 사진으로 남겨 두는게 나중에 좋을 것 같아서 남겨둔다.

center_horizontal

center

gravity 값으로는 하나만 줄 수 있는게 아니라 여러개를 넣을 수도 있다.

여러값을 지정

 

<endbottom>

gravity 값으로는 start와 end가 있는데 start는 시작점, end는 마지막 이라고 생각하면 될 것 같다.

 

margin과 padding

웹페이지를 만들어본 사람은 익숙한 단어이지만 처음보는 사람들은 이게 뭐지?란 생각이 들 것이다.

간단하게 설명하자면 padding은 요소 안쪽의 값을 뜻하고 margin은 요소 바깥쪽의 값이라고 보면 된다.

초록색 선 margin 파란색 선 padding

Button 위젯으로 예시를 보겠습니다.

이런식으로 LinearLayout에 margin값을 101dp를 줘보겠습니다.

그러면 이렇게 LinearLayout이 margin에서 설정해준 값만큼 전체 Activity에서 범위가 좁아진 것을 볼 수가 있다.

padding값도 한번 설정을 해보겠습니다.

원래 Button이 gravity가 center라서 가운데에 위치해야 하는데 padding 값을 Left로 50dp를 주니까

가운데에서 오른쪽으로 밀려난 모습을 볼 수 있다.

Button 위젯에서 paddingLeft 설정

이 위에 작성한 내용은 외우지 말고 필요할 때마다 직접 사용을 해보면서 원하는 모양을 만드는 것을

반복하다보면 익숙해지게 될 것이다. 그리고 이것은 Button 위젯에서만 적용되는 것이 아니라

다른 위젯에서도 공통적으로 적용이 되는 것이다.

 

TextView

말만 들어도 무슨 위젯인지 알 수 있는 TextView는 글자를 입력할 수 있는 위젯입니다.

바로 코드를 보여줘도 이해하는데 큰 어려움이 없을 것 같다.

text와 관련된 android의 여러 기능들을 통해 Style을 설정해서 bold로 굵어지게 할지 italic으로 기울일지를

정할 수도 있고 Size로 text의 크기를 키울 수도 있다. 코딩을 직접 해보면 금방금방 이해를 할 수 있을 것이라

생각을 한다.

EditView

textView와 똑같은데 EditView는 실제로 내가 문자를 작성할 수 있는 위젯이다.

hint는 이 곳에 어떤 내용을 적으라고 알려주는 것이라고 생각하면 편할 것 같다.

이렇게 hint로 알려준 것이 EditView의 text마냥 떠있게 된다. 저 부분에 실제로 타이핑을 할 수도 있다.

캡쳐본인데다 이 컴퓨터로 에뮬레이터가 실행이 되지 않아 gif로 따서 보여줄 수 없다는게 유감이다..

이것도 마찬가지로 사이즈를 지정할 수 있고 textStyle도 지정할 수 있다.

그리고 비밀번호를 입력할 때 비밀번호가 직접적으로 노출되는 것이 아니라 가려지게 되는데

그것은 android:password = "true"로 설정을 해주면 가려지게 된다.

 

ImageView

이미지를 넣는 View 입니다.

src를 통해서 drawable 폴더에 넣어놓은 이미지들을 가져올 수 있습니다.

마땅히 가져올 이미지가 없어서 기본으로 있는 이미지를 한번 넣어봤습니다.

ImageView에도 다양한 기능이 있습니다.

scaleType을 matrix로 주면 사이즈가 줄어든다고 해서 이미지가 깨지거나 변형되지 않고

똑같은 비율로 줄어들게 해준다는 것입니다. 대신 width와 height의 값이 너무 작으면

이미지가 짤릴 수 있다.

아래 사진이 matrix 적용

maxHeight와 maxWidht는 layout_width와 height의 값과는 상관없이 이미지의 최대 크기를 지정을 해서 그 이상

커지지 않게 해주는 것입니다. 모든 속성을 이 글에서 작성할 수 없기 때문에 필요할 때 마다 관련 문서를 보는 것이

현명한 방법입니다.

 

Toast

사이트에 로그인을 하면 화면 아래 반갑습니다. 루체님 이런식으로 뜨는 팝업창을 말합니다.

이것은 Layout에서 하는 것이 아니라 코드에서 바로 작성을 해주는 것입니다.

팝업창이 뜨는 예시는 보여줄 수 없어서 아쉽다..

text에 아래와 같은 사진 처럼 내가 string.xml에서 선언한 것을 가져올 수도 있다.