xamarin 강좌 008. Frame Layout

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다.

xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다.

xamarin 강좌 이전 글

2018/09/15 - [프로그래밍/xamarin] - xamarin 강좌 007. Page, Layout, View

2018/09/13 - [프로그래밍/xamarin] - xamarin 강좌 006. Custom Renderer를 만들며 배우는 자마린의 구조

2018/09/13 - [프로그래밍/xamarin] - xamarin 강좌 005. 데스크탑, 스마트폰 등 디바이스 타입마다 다른 UI 만들기

2018/09/12 - [프로그래밍/xamarin] - xamarin 강좌 004. 안드로이드, 아이폰, 윈도우, 플랫폼마다 다르게 실행되는 코드 만들기

2018/09/12 - [프로그래밍/xamarin] - xamarin 강좌 003. iOS 빌드를 위한 맥북 설정 - 아이폰 실행화면 보기

2018/09/11 - [프로그래밍/xamarin] - xamarin 강좌 002. xamarin 기본생성 프로젝트의 구조 - 버튼 추가

2018/09/10 - [프로그래밍/xamarin] - xamarin 강좌 001. xamarin의 시작

xamarin은 화면을 구성하는데 도움을 주는 여러 layout 들을 제공하고 있습니다. 

그 중 Frame Layout에 대해 설명합니다. 

앞으로 설명할 Static Layout이나 Absolute Layout 등에 비하면 굉장히 단순한 layout 이에요. 

이렇게 테두리색을 정할 수 있고(빨간색),

어느 정도로 동그랗게 테두리를 표시할지를 정할 수 있어요. 

Frame Layout 안에는 하나의 element만 넣을 수 있어요. 

2개 이상을 넣으면 마지막에 넣은 것만 보여요. 

그리고 파란 줄이 나와서 뭔가 잘못되었다고 보여줘요. 

아래 xamarin 동영상 강의로 Frame Layout 에 대해 더 자세히 알아보세요. 

소스코드

[공용코드(xa008) 프로젝트]

MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:local="clr-namespace:xa008"

             x:Class="xa008.MainPage">

    <Frame BackgroundColor="Green"

           HorizontalOptions="Center"

           VerticalOptions="Center"

           OutlineColor="Red"

           CornerRadius="15">

        <Label Text="Welcome to Xamarin.Forms!" 

           HorizontalOptions="Center"

           VerticalOptions="CenterAndExpand" />

    </Frame>

</ContentPage>