본문 바로가기

전체 글134

07-4 표 형태로 배치 - GridLayout GridLayout 배치 규칙 GridLayout은 행과 열로 구성된 테이블 화면을 만드는 레이아웃 클래스이다. LinearLayout처럼 orientation 속성으로 가로나 세로 방향으로 뷰를 나열하는데 LinearLayout과 다르게 줄바꿈을 자동으로 해준다. orientation: 방향 설정 rowCount: 세로로 나열할 뷰 개수 columnCout: 가로로 나열할 뷰 개수 GridLayout 역시 LinearLayout처럼 orientation 속성으로 방향을 설정하고 그 방향대로 뷰를 나열한다. 그런데 rowCount나 columnCount 속성에 설정한 개수만큼 뷰를 추가하면 자동으로 줄바꿈하여 그 다음 줄에 뷰를 출력한다. GridLayout에 orientation 속성을 가로로 지정하고.. 2023. 6. 20.
07-3 겹쳐서 배치 - FrameLayout FrameLayout이란? 뷰를 겹쳐서 출력하는 레이아웃 클래스이다. 카드를 쌓듯이 뷰를 추가한 순서대로 위에 겹쳐서 계속 출력한다. 다음은 FrameLayout에 버튼과 이미지를 추가한 예이다. // FrameLayout에 버튼과 이미지 추가 실행해보면 버튼 위에 이미지가 겹쳐나온다. FrameOut은 LinearLayout처럼 가로세로 방향으로 배치하지 않으며 RelativeLayout처럼 상대 위치를 조절하는 속성도 없다. 단순히 겹쳐서 출력하는 레이아웃이므로 특별한 속성도 없다. 똑같은 위치에 여러 뷰를 겹쳐서 놓고 어떤 순간에 하나의 뷰만 출력할 때 사용한다. 따라서 대부분 뷰의 표시 여부를 설정하는 visibility 속성을 함게 사용한다. // visibility 속성 사용 android:v.. 2023. 6. 20.
07-2 상대 위치로 배치 - RelativeLayout RelativeLayout 배치 규칙 RelativeLayout은 상대 뷰의 위치를 기준으로 정렬하는 레이아웃 클래스이다. 즉, 화면에 이미 출력된 특정 뷰를 기준으로 방향을 지정하여 배치한다. 이때 다음 속성을 사용하며 각 속성에 입력하는 값은 기준이 되는 뷰의 id이다. android:layout_above: 기준 뷰의 위쪽에 배치 android:layout_below: 기준 뷰의 아래쪽에 배치 android:layout_toLeftOf: 기준 뷰의 왼쪽에 배치 android:layout_toRightOf: 기준 뷰의 오른쪽에 배치 다음은 RelativeLayout에 이미지 뷰와 버튼을 배치한 예이다. // RelativeLayout으로 뷰 배치하기 2023. 6. 19.
07-1 선형으로 배치 - LinearLayout // 실습하다가 책이 최신버전 안드로이드스튜디오랑 살~짝 달라서 이론만 공부하고 실습은 나중에 몰아서 해보도록 할게요 7장에서는 뷰를 화면에 적절하게 배치하는 방법을 다룬다. 이때 뷰를 배치하는 클래스를 레이아웃 클래스라 한다. 06장에서 다루었듯, 레이아웃 클래스는 화면을 독자적으로 출력하지 않고 다른 뷰 객체를 포함하는 일종의 그릇 역할을 한다. 안드로이드가 제공하는 레이아웃 클래스는 저마다 뷰를 배치하는 규칙이 있다. 지금부터 대표적인 레이아웃 클래스 5가지를 살펴보자. LinearLayout 배치 규칙 LinearLayout은 뷰를 가로나 세로 방향으로 나열하는 레이아웃 클래스이다. orientation이라는 속성에 horizontal이나 vertical값으로 방향을 지정한다. // LinearL.. 2023. 6. 19.
06-4 뷰 바인딩 뷰 바인딩(view binding) 레이아웃 XML 파일에 선언한 뷰 객체를 코드에서 쉽게 이용하는 방법이다 안드로이드는 UI를 구성할 때 대부분 레이아웃 XML 파일을 이용한다. 레이아웃 XML파일에 등록한 뷰는 findViewByID() 함수로 얻어서 사용해야 한다.(06-2 참조) 그런데 이 작업은 꽤 귀찮다. 한 화면을 구성하는 데만도 많은 뷰가 필요하고, 또 뷰는 대부분 코드에서 이용한다. 따라서 코드에서 뷰 객체를 선언하고 모두 findViewById() 함수로 하나하나 가져와야 한다. 그래서 개발자들은 생각했다. "액티비티에서 findViewById()함수를 이용하지 않고 레이아웃 XML 파일에 등록된 뷰 객체를 쉽게 사용할 수는 없을까?" 이를 위해 butterknife라는 라이브러리도 등.. 2023. 6. 17.
06-3 기본적인 뷰 살펴보기 티스토리 단축키 확인 ctrl + '/' 키 코드블록 단축키 alt+ctrl+',' 텍스트뷰 TextView는 문자열을 화면에 출력하는 뷰이다. 그중에서도 자주이용하는 속성을 알아보자 android:text 속성 TextView에 출력할 문자열을 지정함. android:text="helloworld"처럼 문자열을 대입해도 되고 android:text="@string/hello"처럼 문자열 리소스를 지정해도 된다. android:textColor 속성 문자열 색상 지정함. android:textColor="#FF0000"처럼 값은 16진수 RGB형식을 사용한다. android:textSize 속성 문자열 크기 지정함. android:textSize="20sp"처럼 값은 숫자를 사용하며 단위는 생략할 수 없.. 2023. 6. 17.

티스토리툴바