FRAME WORK/Xamarin (5) 썸네일형 리스트형 [Xamarin] Xamarin.Forms으로 UI 만들기 - 레이아웃 HTML, CSS로 화면을 만드는 경우 등의 태그로 뼈대를 만들고 CSS로 모양이든 배치든 하는 스타일을 넣지만 자마린의 경우, 태그 자체에 스타일이 들어있다(?) 라고 표현하면 되려나. 예를 들어 아래의 화면을 만든다면 원래라면, 부모 안에 자식 들이 들어있는 형태로 html을 만들고 css로 가로 스크롤되는 형태나 카드들을 가로로 배치되게끔 만들것이다. 자마린의 경우라면 안에 안에 들을 넣어 xaml을 만들고 자마린 스타일 속성값들로 색이나 모양을 만들것이다. 자마린에서는 스크롤을 원하는 영역은 로 감싸야한다. 그리고 가로스크롤을 원하면 HorizontalScrollBarVisibility 속성을 추가해주면되고 기본값은 VerticalScrollBarVisibility(세로스크롤)이다. 카드들을 가로.. [Xamarin] 자마린 페이지 빌드하기 위의 컨텐츠 페이지를 만들었다. 빌드해보자 App.xaml.cs 페이지에 빌드할 페이지 클래스 명을 쓰고 ( MainPage = new 페이지클래스명(); ) 아래의 버튼을 눌러주면 끝. using System; using System.Reflection; using Xamarin.Forms; using Xamarin.Forms.Xaml; namespace App6 { public partial class App : Application { public App() { InitializeComponent(); MainPage = new SB_CARD_001_0001(); } protected override void OnStart() { } protected override void OnSleep() { .. [Xamarin] 자마린에서 css대신 사용하는 ResourceDictionary HTML에서는 CSS를 사용한다. class를 지정하면 해당 class의 스타일값을 어디서든 공통으로 사용할 수 있으니 여러번 코드를 작성하지않아도된다. 그럼 자마린에서는 뭐를 쓰냐? 바로 ResourceDictionary. class 대신 Key값을 지정하여 여기저기서 사용할수있다. 일단 셋팅부터 하는 방법이다. 1. 컨텐츠 페이지를 만든다. 2. 컨텐츠 페이지의 코드를 변경한다. 아래처럼 ResourceDictionary xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:xct="http://xamarin.com/schemas/2020/toolkit" xmlns.. [Xamarin] 툴킷 사용하기 - toolkit 자마린에서 사용할수있는 스타일 속성들은 css와 비교하면 훨씬 적다. 예를 들면 모서리를 둥글게 만드는 CornerRadius(border-radius)의 경우 TargetType(태그)에 따라 사용가능한게 있고 사용 불가능한게 있다. CheckBox나 Label같은 경우도 CornerRadius를 사용할 수 없다. 하지만 필요함. 이때, 사용할 수 있는게 툴킷인데 xmlns:xct="http://xamarin.com/schemas/2020/toolkit" xmlns:tool="http://xamarin.com/schemas/2020/toolkit" 위의 코드를 컨텐츠 페이지 상단에 삽입하면 사용할수 있는 스타일 속성이 늘어난다. 나같은 경우는 CornerRadius, Shadow를 가장 많이 사용했다... [Xamarin] ios 기종에 맞춰 알아서 상하여백 생기게 하는법 - Safe Area 안드로이드만 테스트하면서 ui를 만들었는데 ios로 보니 문제가 생겼다. 안드로이드는 연두색 부분이 알아서 인식되서 회색영역에만 컨텐츠가 들어가는데 ios는 자동 인식이 안되서 컨텐츠가 다 겹쳐버렸다. 이는 아주 쉽게 해결할수있다. 아래의 코드를 페이지 최상단에 넣어주면된다. xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core" ios:Page.UseSafeArea="true" 리소스 딕셔너리(ResourceDictionary) 의 경우 App.xaml에 넣어주면 프로젝트 내의 모든 컨텐츠 페이지에 공통으로 먹히니까 위의 코드도 App.xaml에 넣어주면 공통으로 먹힐줄알았는데.. 이전 1 다음
