xamarin 18

xamarin 강좌 019. Custom Native Control 만들기(3) - xaml 파일에서 속성값을 native control로 전달하기

xamarin 19번째, xamarin에서 Custom Native Control 만들기 3번째 시간으로, xamarin의 공통영역의 xaml 파일에서 속성값을 native control로 전달하는 방법을 설명합니다. xaml 파일에서 속성값을 정하면 그 값으로 초기화하겠다는 뜻이죠. 그렇게 값을 초기화할 때 제대로 값이 넘어가는 방법을 알아봅니다. OnElementChanged() OnElementPropertyChanged() renderer에서 위 두 함수를 override 해서 사용해 xaml 파일에서 설정한 값을 native control로 전달합니다.

xamarin 강좌 017. Custom Native Control 만들기(1) - View, Renderer, Native Control 의 차이

xamarin 17번째 강의로, xamain에서 나만의 custom native control을 만드는 방법을 4회에 걸쳐 설명합니다. native control은 platform dependent하게 해당 platform에서 제공하는 control들을 말합니다. 내가 새로운 native control을 만들면 그걸 사용하기 위해, xamarin영역에서 view를 만들고, platform 영역에서 renderer를 만들어 view와 native control을 연결해 줘야합니다. 이번 강의에서는 xamarin의 element 중, native control을 보여주는 추상 영역인 view, view와 native control을 이어주는 renderer, 그리고 native control의 차이를 설명합..

xamarin 강좌 016. data binding 2 - 내가 만든 클래스와 xaml 데이터 바인딩

xamarin 16번째 강의로, 데이터를 위해 새로 만든 데이터 클래스와 xaml 파일에서 데이터 바인딩을 하기 위해 PropertyChanged를 실행하는 것을 공부합니다. xaml 파일과 xaml.cs 파일이 사실은 하나의 클래스를 이루기 때문에 data binding이 이미 준비되어 있었지만, 내가 새로 만든 데이터를 위한 클래스(CData 클래스)와 xaml 파일은 연결점이 (당연히) 없기 때문에 직접 연결되도록(바인딩되도록) 작업해 줘야 해요. 그 과정을 공부해 봅니다.

xamarin 강좌 015. data binding 1 - xaml과 xaml.cs 파일과의 연계

xamarin 15번째 강좌로, UI를 기술하는 xaml 파일과 그 xaml 파일과 연결한 xaml.cs 파일간 서로 값이 연결되는 binding 에 대해 설명합니다. xamarin을 사용하면 거의 반드시 하나 이상의 xaml 파일과 그와 연결된 xaml.cs 파일을 사용해야 하는데요, xaml 파일은 UI를 담당하고, xaml.cs 파일은 기능을 담당합니다. 이렇게 나뉘어진 이유는 디자인과 코딩 부분을 구분하기 위해서인데, 다시 말하면 디자이너는 xaml 파일을 열어서 작업하고, 같은 시간에 프로그래머는 디자이너와 미리 약속한 대로 코딩할 수 있도록 하기 위해서 입니다. 변수명 같은 게 미리 약속만 되어 있으면 디자이너와 프로그래머가 동시에 각각의 작업을 할 수 있는 거죠. 이렇게 각자 구분되어 작업된..

xamarin 강좌 014. Label View

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다. xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다. Label view는 가장 많이 쓰이는 뷰인 만큼 꽤 많은 다양한 옵션을 가지고 있습니다. 이번 강의에서는 아래와 같이 Label view의 다양한 사용에 대해 설명합니다. 1. 글 크기(FontSize) 2. 글 색깔(TextColor) 3. 긴 글인 경우 개행 처리(LineBreakMode - WordWrap) 4. 긴 글인 경우 일부만 보이게 하기(LineBreakMode - Truncation)..

xamarin 강좌 013. Layout (6) - Relative layout

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다. xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다. Relative Layout은 레이아웃이나 다른 뷰와의 상대적으로 위치와 크기를 결정하는 레이아웃입니다.

xamarin 강좌 012. Layout (5) - AbsoluteLayout

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다. xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다. AbsoluteLayout은 여러 개의 엘리먼트들을 가질 수 있는 layout입니다. absolute 라는 이름처럼 layout 안에서 x와 y의 좌표를 이용해 정확한 위치를 정해줄 수 있습니다. 또 비율을 이용해 위치와 크기를 정해줄 수도 있어요. 태그 안에 위치를 정해주는 절대 값을 넣을 수 있습니다. 와 같이 하면 Layout 내에서 가로 100, 세로 110의 위치에 폭 120, 높이 130 의..

xamarin 강좌 011. Layout (4) - Grid

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다. xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다. Grid layout은 표처럼 화면을 구성할 수 있게 해주는 layout 입니다. 사용하기 전에 표처럼 가로와 세로를 어떻게 구성할지 정의를 해놓고 시작합니다. 태그와 태그로 세로와 가로를 각각 구성하는데요, 이렇게 가로와 세로를 구성해 놓고, 그 안에 있는 뷰들은 "나는 가로 몇번째 세로 몇번째에 배치해 줘" 라고 요청합니다. 그럼 Grid layout은 그 요청을 받아 그 위치에 놓여지도록 합니다...

xamarin 강좌 010. Layout (3) - StackLayout의 모든 것

xamarin은 마이크로소프트에서 Visual Studio와 함께 무료로 배포하고 있는 스마트폰 앱 개발 툴입니다. xamarin은 크로스 플랫폼(cross platform) 기술로 한번 코드를 작성해 놓으면 안드로이드, 아이폰, 윈도우에서 실행되는 스마트폰 앱을 한꺼번에 만들 수 있는 강력한 도구입니다. Xamarin 강의 목록 2018/09/17 - [프로그래밍/xamarin] - xamarin 강좌 009. Layout(2) - ScrollView 2018/09/16 - [프로그래밍/xamarin] - xamarin 강좌 008. Layout(1) - Frame Layout 2018/09/15 - [프로그래밍/xamarin] - xamarin 강좌 007. Page, Layout, View 2018..