안녕하세요 비머입니다
오늘은 전에 말했듯이 레이아웃에 대해 쓰겠습니다

레이아웃에는
LinearLayout
RelativeLayout
FrameLayout
TableLayout
GridLayout
TabLayout
AbsoluteLayout
이렇게 여러가지가 있는데 여기서 파란글씨로 해놓은 3가지의 레이아웃을 다뤄보겠습니다

레이아웃 정의 속성 속성설명

LinearLayout
자식 뷰를 수직 또는 수평으로 순서대로 나타내는 레이아웃
android:orientation="vertical또는horizontal" vertical 수직, horizontal 수평

android:gravity="left,right,top,bottom,center,center_vertical,center_horizontal" (left|top)처럼 2개씩 설정 가능 left 왼쪽, right 오른쪽, top 위쪽, bottom 아래쪽, center 중간, center_vertical 수직방향에서 중간, center_horizontal 수평방향에서 중간

android:baselineAligned="true또는false" 자식뷰들의 기준선을 정렬한다



RelativeLayout
부모와 위젯, 위젯과 위젯의 서로간의 위치관계를 지정해주는 레이아웃
android:layout_alignTop="@+id/아이디" 지정한 뷰의 위쪽과 맞춘다

android:layout_alignLeft="@+id/아이디" 지정한 뷰의 왼쪽과 맞춘다

android:layout_alignRight="@+id/아이디" 지정한 뷰의 오른쪽과 맞춘다

android:layout_alignBottom="@+id/아이디" 지정한 뷰의 아래쪽과 맞춘다

android:layout_alignBaseline="@+id/아이디" 지정한 뷰와 내용물의 아래쪽 기준선을 맞춘다

android:layout_alignParentTop="true 또는 false" 현재 뷰의 상단을 부모의 상단과 맞춘다

android:layout_alignParentLeft="true 또는 false" 현재 뷰의 좌측을 부모의 좌측과 맞춘다

android:layout_alignParentRight="true 또는 false" 현재 뷰의 우측을 부모의 우측과 맞춘다

android:layout_alignParentBottom="true 또는 false" 현재 뷰의 하단을 부모의 하단과 맞춘다

android:layout_centerHorizontal="true 또는 false" 부모 건테이너의 수평 중앙에 배치한다

android:layout_centerVertical="true 또는 false" 부모 컨테이너의 수직 중앙에 배치한다

android:layout_centerInParent="true 또는 false" 부모 컨테이너의 중앙에 배치한다

android:layout_above="@+id/아이디" 지정한 뷰 위쪽에 배치

android:layout_toLeftOf="@+id/아이디" 지정한 뷰의 왼쪽에 배치한다

android:layout_toRightOf="@+id/아이디" 지정한 뷰의 오른쪽에 배치한다

android:layout_below="@+id/아이디" 지정한 뷰의 아래쪽에 배치한다



FrameLayout
각각의 뷰가 모두 왼쪽상댜에 배치되는 레이아웃
FrameLayout은 gravity, baselineAligned 같은 속성들을 제외하곤 따로 속성이 없습니다



이렇게 이번엔 3가지 레이아웃을 다뤄봤습니다
다음 4번째는 버튼의 클릭이벤트 및 액티비티 이동을 올리도록 하겠습니다

안녕하세요 비머입니다!
첫번째 강좌를 올린후로 오랜만에 글을 쓰게됬네요.

이번 강좌는 앱을 만들면서 자주 쓰는 위젯 몇가지를 보도록 하겠습니다.

위젯은 여러가지가 있지만 이번엔
TextView, Button, EditText, ImageView
이렇게 4가지를 다뤄보도록 하겠습니다.


TextView

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:textSize="20sp"
android:text="텍스트"/>

width와 height는 나중에 레이아웃 강좌에서 설명을 하도록 하겠습니다.

textColor는 글씨색을 지정해주는 속성이고 #FFFFFF(흰색) 이렇게 해시태그처럼 #뒤에 색상코드를 넣어주시면 됩니다.

textStyle은 글씨체를 지정해주는 속성이고
bold, italic, normal 이렇게 3가지가 있습니다.
bold는 글씨를 두껍게 해주고
italic은 글씨가 오른쪽으로 약간 기울며
normal은 평범한 글씨체 입니다.

textSize는 글씨 크기를 조절해주는 속성입니다.
숫자단위 이렇게 지정해줄수 있고 단위에는
sp, dp, px, pt등이 있습니다.
이 단위에 대해선 나중에 따로 글을 올리도록 하겠습니다.

text는 글씨를 정해주는(?) 속성입니다.
위에서 말했던 속성들을 넣었더라도 이 속성으로 글씨를 안넣어주면 다른 속성들은 무용지물이겠죠??


Button

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="텍스트"/>

Button은 따로 TextView와 다른게 없습니다.
TextView에서 설명했던 속성들을 Button
에서도 쓸 수 있습니다.


EditText

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="none"
android:singleLine"true''
android:textColorHint="#8A8A8A"
android:hint="힌트"
android:text="텍스트"/>

EditText는 TextView, Button에 썼던 속성에서 다른속성이 더 추가된것을 보실 수 있을겁니다.

ems는 글자수를 제한하는겁니다.
10을 써넣었으니 글자수를 10개로 제한한다는 뜻이 되겠죠??

inputType은 EditText를 눌렀을때 나오는 키보드의 타입을 지정해주는 속성입니다.
키보드 타입은 인터넷앱에서 주소입력할때 키보드 아래쪽에 @와 .com이 추가된다거나, 인증번호 입력시 숫자패드가 뜬다거나 이러한것들을 말합니다.
타입은 종류가 많으니 나중에 따로 올리도록 하겠습니다.

singleLine은 Editatext에 입력시 한줄로 입력되도록 할것인지 정하는 속성입니다.
true로 해놓을시 한줄로만 입력이되며 키보드에 줄바꿈 버튼은 사라지고 완료라는 버튼으로 바뀝니다.
false로 해놓을시 여러줄로 입력이 가능하며 이 속성을 안쓸때와 같게됩니다.

hint는 텍스트를 입력하기 전에 흐리게 보이는 글씨입니다.
주로 로그인할때 ID, PASSWORD같이 써져있는 글씨라고 보시면 될것같네요.

textColorHint는 hint의 색을 바꿀수있는 속성입니다.
사용법은 textColor와 같습니다.


ImageView

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:scaleType="fitXY"
android:src="@drawable/ic_launcher"/>

adjustViewBounds는 이미지 자체의 비율대로 이미지를 표시할지 정하는 속성입니다.

scaleType은 옵션에따라 이미지를 스케일링해서 보여주는 속성입니다.
이것도 여러개가 있어 따로 올리도록 하겠습니다.

src는 이미지를 지정해주는 속성입니다.
@drawable/이미지이름 이렇게 구성되어있습니다.


다음강좌는 레이아웃에 관해 올리도록 하겠습니다.

안녕하세요 비머입니다!

티스토리에 올리는 첫 글이자 첫 강좌인데요,
강좌라기보단 시작하기전 준비라고 해야 맞는것같네요 :D

제가 앱 제작은 폰에서 하기때문에 폰 기준으로 작성을 할 예정입니다.

그렇기 때문에 오늘 할것도
이클립스나 안드로이드 스튜디오같은 프로그램대신 핸드폰에서 사용가능한
AIDE (Android IDE) 라는 앱을 설치하는 거구요.

위에서 말한대로 AIDE를 설치할건데요,
이 앱이 무료긴하지만 프리미엄키를 구입하지
않을시에는 용량제한이 있어서 AIDE를 계속 써야된다면 프리미엄키를 구입 하셔야 제한없이 사용가능합니다.

솔직히 이클립스, 안드로이드 스튜디오랑 AIDE랑
작업하는 기기만 다른거기때문에 프리미엄키 사는게 부담된다면 위에 말한 두 프로그램을 사용하셔도 무방합니다.

이제 본격적으로 AIDE설치를 하도록 할게요!!

플레이스토어에서 AIDE를 검색해서 아래 사진에 있는 앱을 설치해주세요.

설치를 했다면 실행을 해주세요.
실행을 하고나면 아래 사진과같이 뜰텐데
맨 아래 For Experts를 눌러주면 됩니다

그러고나서 앱을 제작하기위해 New App을 눌러주면되는데 첫번째에있는건 요즘 많이쓰는 gradle형식이고 두번째껀 전에쓰던 형식입니다.

둘중에 원하시는거 선택하시면 됩니다!

이번에 앱 제작을 위한 준비를 마쳤으니 다음엔
TextView나 Button같은 위젯 추가를 해보도록 하겠습니다.