Programming 썸네일형 리스트형 [Android] chapter 2 - 1 스크롤뷰 사용하기 boostcourse 안드로이드 앱 프로그래밍 2. 이벤트와 리스트뷰 - 1. 스크롤뷰 사용하기 (1) 테이블 레이아웃 테이블 레이아웃 (Table Layout) : 격자 모양으로 뷰를 배치하는 방법 - 테이블 레이아웃 안에 TableRow 추가하여 뷰, 줄 추가 가능 - 실습 코드 - 최상위 레이아웃을 TableLayout으로 변경 - 필수 속성만 두고, layout 관련 코드, tools 코드 등 불필요한 코드 제거 - TableLayout 내 코드에 추가하여 width와 height 부여 - TableRow 내에 버튼 3개 추가 - TableRow 하나 더 추가하여 동일하게 버튼 3개 추가 - 오른쪽에 남는 여유 공간을 나누어 갖기 위해 코드에 내용 추가 - android:stretchColumns.. 더보기 [Android] chapter 1 - 8 드로어블 만들기 boostcourse 안드로이드 앱 프로그래밍 1. 레이아웃 만들기 - 8 드로어블 만들기 - (1) 상태 드로어블 드로어블 (Drawable) : 뷰에 설정할 수 있는 객체 - xml로 지정하여 화면에 그래픽으로 그릴 수 있음 - res/drawable 폴더에 이미지 추가 한 것과 같이 xml 파일 생성하여 그래픽 관련 정보 넣을 수 있음 - 비트맵 드로어블 (Bitmap Drawable) - 이미지 파일을 보여줄 때 사용하는 드로어블 - 이미지 파일을 xml 파일에 넣어 파일을 어떻게 보여줄지 지정 - 상태 드로어블 (StateList Drawable) - 상태별로 다른 그래픽 참조할 수 있는 드로어블 - 가장 많이 사용되는 드로어블 - 전환 드로어블 (Transition Drawable) - 두 개.. 더보기 [Android] chapter 1 - 7 기본 위젯들 boostcourse 안드로이드 앱 프로그래밍 1. 레이아웃 만들기 - 7. 기본 위젯들 - 기본 위젯 종류 - 텍스트뷰 (TextView) - 중요 속성 - text : 텍스트뷰에 보이는 문자열 설정 - textColor : 텍스트뷰에서 표시하는 문자열의 색상 설정 - 색상 표현은 #AARRGGBB 포맷을 일반적으로 사용 (Alpha, Red, Green, Blue) - textSize : 텍스트뷰에서 표시하는 문자열의 크기 설정 - dp, sp, px 등의 단위 값 사용 - textStyle : 텍스트뷰에서 표시하는 문자열의 스타일 속성 설정 - normal, bold, italic 등의 값 지정 가능 - textFace : 텍스트뷰에서 표시하는 문자열의 폰트 설정 - normal, sans, ser.. 더보기 [Android] chapter 1 - 6 프레임 레이아웃 boostcourse 안드로이드 앱 프로그래밍 1. 레이아웃 만들기 - 6. 프레임 레이아웃 프레임 레이아웃 (Frame Layout) : 한 번에 하나의 뷰만 보여주는 레이아웃, 가장 단순한 레이아웃 - 가장 나중에 추가한 뷰만 화면에 보이게 됨 - 뷰의 가시성 (Visibility) 이용하여 다양한 화면 구성 가능 - 실습 진행 - 화면에 버튼 추가 버튼 위치 결정 위해 왼쪽과 위쪽의 점을 부모 레이아웃에 맞추어 설정 - 버튼 내부 텍스트 "이미지 바꾸기"로 변경 - Layouts에서 FrameLayout 뷰 추가하여 버튼의 왼쪽과 버튼 아래쪽에 맞춘 후 크기 설정 - 처음 레이아웃 추가 시 에러 생긴다고 이야기하지만, 제약조건을 잘 맞추어 주고, 크기 설정을 해주면 문제 해결 - 프로젝트 디렉터리 .. 더보기 [Android] chapter 1 - 5 상대 레이아웃 boostcourse 안드로이드 앱 프로그래밍 1. 레이아웃 만들기 - 5. 상대 레이아웃 상대 레이아웃 (Relative Layout) : 뷰 담고 있는 부모 레이아웃이나 그 안에 있는 다른 뷰들과의 상대적 위치 이용하여 화면 구성하는 방법 - 상대 레이아웃 사용 방식 - 화면 아래쪽에 버튼 붙이고 싶다면 android:layout_alignParentBottom="true"로 설정 - 부모 레이아웃과의 상대 위치 지정 시 사용하는 속성 - layout_alignParentTop - layout_alignParentBottom - layout_alignParentLeft - layout_alignParentRight - layout_centerInParent : 부모 레이아웃의 가운데에 배치 - 다른 .. 더보기 [Android] chapter 1 - 4. 리니어 레이아웃 boostcourse 안드로이드 앱 프로그래밍 1. 레이아웃 만들기 - 4. 리니어 레이아웃 대표적인 레이아웃 정리 - 제약 레이아웃 (Constraint Layout) - 제약 조건 사용하여 화면 구성하는 방법 - 안드로이드 스튜디오에서 자동으로 생성되는 default layout - 리니어 레이아웃 (Linear Layout) - 한 쪽 방향으로 차례로 뷰 추가하여 화면 구성하는 방법 (상자 쌓듯이 뷰 하나씩 쌓아올림) - 뷰가 차지하는 사각형 영역을 상자라고 보기도 함 - 뷰를 아래쪽 혹은 오른쪽 어떤 방향으로 쌓을 것인지 먼저 결정 필요 - orientation 속성 값을 가로는 Horizontal, 세로는 Vertical로 지정 - 레이아웃 안에 레이아웃 넣어 예를 들어 오른쪽으로 쌓고 내부 레.. 더보기 [Android] chapter 1 - 3 - (2) 제약 레이아웃 boostcourse 안드로이드 앱 프로그래밍 1. 레이아웃 만들기 - 3. 제약 레이아웃 2) 제약 레이아웃 (Constraint Layout) 제약 레이아웃 (ConstraintLayout) : 프로젝트 처음 생성 시 자동으로 만들어지는 레이아웃 - 제약 조건을 이용하여 그 안에 추가된 뷰들의 위치 결정해줌 - 제약조건은 연결선 통해 만들어짐 - 연결선은 뷰의 연결점과 타깃 연결하여 생성 - 타깃 : 같은 레이아웃 내 다른 뷰의 연결점, 부모 레이아웃의 연결점, 가이드라인 - 뷰와 타깃의 연결점 : 상하좌우, 가로축*세로축의 가운데, 베이스라인(텍스트뷰만 해당) - 연결선은 그 뷰의 위치를 결정할 만큼 생성해야 함 - 예를 들어, 왼쪽만 연결한 경우 높이를 알 수 없기 때문에 위치 결정 불가능 - 적.. 더보기 이전 1 다음
