[Aide강좌 2강] 버튼을 만들고 그 속성을 알아보자!

안녕하세요~ 니성요입니다.

오늘은 Aide강좌 2장 버튼을 만들고 그 속성을 알아보자! 입니다.

먼저 어플 만드는법을 모르시는분은

http://sss989870.tistory.com/4 에서 보고와주세요!

먼저, 저번에 햇엇던 프로젝트에서 xml를 켜주세요!

1장에서 배웟듯이 xml은 res>layout에 있답니다.

처음엔 파일위치가 헷갈리니 외워주시는것이 좋습니다.

TextView가 하나있습니다.

그 텍스트뷰의 <TextView를 <Button으로 바꿔주세요!

이렇게 말이죠!

이렇게 바꾼뒤에 run을 시켜서 어플을 실행시켜봅시다.

그럼 위의 사진처럼 TextView와 같은 글씨로

만들어진 버튼이 생성되게 됩니다.

아직은 버튼을 누르면 아무일도 일어나지 않지만..

나중에 차차배우면서 버튼을 누르면 작동이 되게 할겁니다!

이번엔 width와 height를 fill_parent로 바꿔줍시다.

여기서 width는 가로임으로써 layout_width는 가로의 크기를 정하게하는겁니다.

height는 세로로 layout_height는 세로의 크기를 정하게 하는겁니다.

자이제 다시 어플을 실행시켜줍시다.

그러면! 버튼이 화면을 꽉 채워버렸습니다!

여기서 알수있는점은

fill_parent는 그 길이를 꽉채운다는 점을알수있습니다.

그와반대로 wrap_content는 아예안채우는것이 아니지만

안에잇는 글씨의 길이에 따라 자동으로 바뀌는

기본 틀? 이라고 보면 쉽습니다.

또, fill_parent는 match_parent와 같은 뜻으로 쓰입니다.

이제다시 원래있던 버튼의 가로,세로를 wrap_content로 바꿔준뒤에

그 아래에 버튼을 위와같이 만들어줍니다.

여기서 가로와 세로를 보시면 각각 100dp라고 되있는데요

이는 크기 100을 지정한겁니다.

dp아니여도 px sp등이 있지만

이런것들을 쓰게되면 핸드폰마다 크기가 다르기때문에 

모두 다르게 보이게됩니다.

하지만 dp는 해상도의 크기니 다르긴하지만

핸드폰마다 비슷하게 보이게됩니다.

자 이렇게 만든것을 실행시켜봅시다.

네모난 버튼이 하나생겼습니다!!

여기서 알수있는것은 원래잇던것 아래에 버튼을 넣었으니 아래에 버튼을 만들어졋는데

위에다가만들면 그버튼 위에만들어집니다.

하지만 양옆은 안된다는점!ㅋㅋ

오늘은 여기서 마치겠습니다~

감사합니다~~