잉여로운 글쓰기
Relative Layout (상대 레이아웃) Relative Layout(상대 레이아웃)은 다른 요소에 기반한 제약조건(Constraint)을 설정하여 요소의 위치와 크기를 더 많이 제어할 수 있는 레이아웃이다. Absolute Layout(절대 레이아웃)과 마찬가지로 여러 요소를 겹쳐서 표현할 수 있으며 Absolute Layout이 구현하지 못하는 UI도 구현이 가능하다. 지금까지 접한 레이아웃 중 가장 헷갈리는 레이아웃이다… Relative Layout 사용 예 SNS의 사용자 프로필 중 배경이미지(배너)에 있는 프로필 사진 […]
Grid Grid는 요소를 행과 열 기준으로 배치하는 레이아웃이다. 요소 안에 Grid.Row와 Grid.Column 값을 정의하여 구현하며 그 기본값은 0이다. 주의해야 할 점은, 요소 안에 Grid.Row와 Grid.Column 값을 정의해도 그 요소에 Row와 Column 속성이 정의되는 건 아니라는 점이다. Grid 객체에 정의되는 것이다. Grid 사용 예 키패드, 계산기, 메트로 스타일 디자인(Windows 8 이후), 포토 앨범 등 주요 속성 RowSpacing: […]
AbsoluteLayout (절대 레이아웃) AbsoluteLayout은 요소를 원하는 위치에 원하는 크기로 배치할 수 있는 레이아웃이다. 특정 요소를 가정자리에 고정하거나 여러 요소를 겹쳐서 표현하려는 경우에 유용하다. 예: 이미지(배경) 위에 여러가지 요소들을 표현 주요 속성 AbsoluteLayout.LayoutBounds: 요소의 위치와 크기를 결정하는 사각형 첫번째 값: 요소를 배치할 X 좌표 두번째 값: 요소를 배치할 Y 자표 세번째 값: 요소의 가로 길이 네번째 값: 요소의 […]
StackLayout – XAML StackLayout은 수평 또는 수직 방향인 한 줄로 여러 요소를 배치하는 레이아웃이다. 시각적 요소를 화면에 배치하는 가장 간단한 방식이다. 주요 속성 VerticalOptions: 수평 배치 옵션. 기본값은 Fill. HorizontalOptions: 수직 배치 옵션. 기본값은 Fill. Spacing: 요소 사이의 간격. StackLayout의 각 요소 사이에는 약간의 공간이 있음. 기본값은 6. Padding: 레이아웃과 요소 사이의 공간 Orientation: 요소 배치 […]
코드를 이용한 UI 구현 XAML로 구현할 수 있는 모든 UI는 C# 코드로 구현할 수 있다. 그러나 C# 코드로 UI를 구현하면 XAML로 구현하는 것보다 코드가 매우 복잡해진다. 페이지에 요소를 동적으로 추가하려는 경우에 사용할 수 있지만 이런 경우는 흔치 않다. using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Xamarin.Forms; namespace MyFirstXamarinApp { public partial class MainPage […]
Xamarin.Forms 프로젝트의 기본 구조를 정리해보기 위한 글. 더불어 Button을 클릭하면 간단한 경고 창을 띄우는 앱 만들어보는 설명도 추가해보았다. 일부 설명이 이상한 부분이 있다. 이해가 잘 안돼서… 공유 프로젝트 솔루션 탐색기 맨 위 쪽에 프로젝트 이름만 나타나있는 부분이 공유 프로젝트다. 모든 플랫폼에서 공통적으로 구현될 코드를 공유 프로젝트에 작성한다. 플랫폼마다 특성화된 코드를 작성하려면 프로젝트명.Android, 프로젝트명.iOS 등에 작성한다. […]