해나래

이 포스트의 내용은 https://xamgirl.com/navigation-bar-with-shadow-in-xamarin-forms/를 토대로 번역한 자료입니다. 한글로 표현하기 어색하거나 모호한 문장은 임의로 조정하거나 삭제하였으므로 필요한 경우 원문을 참고하시기 바랍니다. 또한 언제든지 원저자의 요청에 의해 게시물이 내려지거나 수정될 수 있음을 알려드립니다. 마지막으로 이 글은 개인적인 학습목적으로 번역한 자료이며, 따라서 오역이나 잘못된 해석이 포함되어 있을 수 있으며 이로인한 어떠한 일체의 보장을 하지 않습니다. Material Design은 시각적 표현, 모션, 상호작용 디자인에 있어서 포괄적인 가이드를 제공합니다. 이 가이드는 안드로이드 뿐만 아니라 iOS에서도 유용한 시각적 디자인 방향을 ..

View & ViewGroup ViewGroup: View를 여러개 포함하고 있는 것 (다른 ViewGroup의 구성요소가 될 수 있으므로, View로 볼 수 있다) layout: ViewGroup 중에서 View를 배치하는 역할을 하는 것 Veiw: Control, Widget으로 불리는 UI구성요소 (=Control, Widget) widget: View 중에서 Control 역할을 하는 것 Composite Pattern View와 ViewGroup의 관계에는 Composit Parttern이 적용되어 있다. Composite Pattern: 객체가 중첩, 조합되어 하나의 객체를 이루고, 이 객체 또한 다른 객체를 구성할 수 있는 디자인 패턴 장점: 유연성, 일관성 증가 단점: 성능저하, 코드중복,..

iPhone 프로그래밍을 해보신 분이라면 UIView에 대해서 잘 아실것입니다. Button, TextArea, Slider, WebView 등 대부분이 UIView를 상속하여 구현되어 있습니다. 그러나 UIVIew가 내부적으로 어떻게 구성되어 있는지에 대해서는 잘 알려진 바가 없습니다. UIView는 내부적으로 CALayer를 통해구현됩니다. CALayer를 통해 여러 시각적 효과를 쉽게 구현할 수 있으므로 알아둔다면 많은 도움이 될 것입니다. 뿐만아니라 Core Animation과 어떻게 상호작용하는지 이해하는 것도 중요합니다. 이 주제에 대해서는 다음에 다룰 예정입니다. 여기에서는 CALayer를 사용하는 기본적인 방법을 배우게 될 것입니다. 단순한 테스트 앱을 만들어서 레이어를 하나 만들고 어떻게..

XCode로 앱을 개발하다보면 뜬금없이 Unknown class _ViewController in Interface Builder file.오류가 발생하는 경우가 있습니다. 이 오류는 XCode의 버그라는 의견이 지배적이 였으며 효과가 있었던 해결책을 정리합니다. 문제확인: StoryBoard를 열어봅니다. ViewController의 Identity Inspector에서 Custom Class 섹션으로 이동합니다. Class와 Module 필드가 있는데 이 중에서 Module이 None로 설정되지 않았는지 확인해봅시다. 정상적인 경우 아래와 같이 "Current - 앱이름" 형태로 나타나야 합니다. [정상] [문제가 있는 경우] 문제해결1: Module 재선택 해보기 단순히 Module 필드의 오른쪽 ..

VisualStudio에서 Cordova 프로젝트를 생성하고 실행하려면 다음과 같은 오류가 발생할 수 있습니다. 오류: DEP10401 : Ripple 에뮬레이터에서 Google Chrome이 앱을 실행하도록 요청하지만 이 컴퓨터에 Chrome이 설치되어 있지 않습니다. https://www.google.com/chrome/browser/index.html에서 설치하세요. 크롬이 설치되어 있는데도 위와 같은 오류가 나면 다음과 같이 설정해주세요.레즈스트리 편집기를 엽니다. (시작-실행-regedit) 다음 경로로 이동합니다. KEY_LOCAL_MACHINE\SOFTWARE\Clients\StartMenuInternet\Google Chrome 우측의 (기본값) 항목의 값을 Chrome에서 Google C..

Android 5.0 Lollipop은 5.0, 5.1로 2가지 버전으로 나뉘며 각 API 21, API 22로 표현된다.변경사항5.0의 가장 큰 변경점은 Material Design이 적용되어 인터페이스 환경이 대폭변경되었다는 점이다. 또한 64비트 지원, 본고딕지원, 배터리 수명개선, 보안강화, WIFI에 연결되어 있어도 인터넷이 안되어 있으면 자동으로 모바일데이터를 쓰도록 변경되었다.대규모버그이러한 대규모 개선점은 대규모 버그를 만들어 냈다. 특정 공유기에서 WIFI연결이 되지 않거나, WIFI를 끄면 배터리를 과도하게 소모시키거나, 특정 상황에서 UI정렬이 제대로 되지 않거나, 보안잠금이 풀려버리거나, 보안잠금 해제가 공장초기화로 이어지거나, 메모리 과다사용, 메모리누수 등의 심각한 버그를 포함하..

원문출처: https://blog.verslu.is/xamarin/xamarin-forms-xamarin/spicing-up-your-xamarin-formsios-tabbar/ Xamarin.Forms의 TabbedPage를 사용하면 각 플렛폼에서 탭을 표현할 수 있습니다. TabbedPage는 iOS의 TabBar를 통해 구현 되는데 아래의 그림과 같이 나타납니다. [Xamarin.Forms의 TabbedPgae]Selected Image 적용하기 TabbedPage의 각 탭에는 Title과 Icon이 나타나며 사용자가 탭을 선택하면 각 탭의 아이콘과 텍스트는 자동으로 파랑 색상으로 변경되어 나타나게 됩니다. 달리 말하면 Xamarin.Forms TabbedPgae는 선택된 탭의 색상이나 효과에 대한..

2017년 9월 28일 Xamarin.Forms 2.4.0 Stable이 출시되었습니다. 자세한 사항은 https://developer.xamarin.com/releases/xamarin-forms/xamarin-forms-2.4/2.4.0-stable/에서 확인하실 수 있습니다. Xamarin.Forms 2.4.0 주요 변경사항Xamarin.Forms Public Roadmap에서 소개했던 기능들과, 추가적으로 150개에 달하는 버그를 수정하였습니다. .NET Standard 2.0 지원새로운 Flags APIAndroid Fast Renderers: Button, Image, LabelmacOS Preview알려진 이슈기타 확인사항 .NET Standard 2.0 지원Xamarin.Forms가 .NE..

Xamarin.Forms (PCL)에서 전체 앱에 적용되는 스타일을 선언하는 방법에 대해 소개합니다. 해당 기능은 Xamarin.Forms 2.3.1에서 추가된 기능이므로 이전 버전에서는 사용할 수 없습니다.Xamarin.Forms PCL 프로젝트를 생성합니다.스타일을 추가할 위치에 ContentPage를 추가합니다. 여기에서는 Common 이란 이름으로 생성하였습니다. ContentPage.xaml파일을 열고 ContentPage를 ResourceDictionary로 변경해줍시다. 추가적으로 원하는 스타일을 추가해주세요. ContentPage.xaml.cs파일을 열고 ContentPage를 ResourceDictionary로 변경해주세요. using Xamarin.Forms; using Xamarin...

2017년 WWDC 행사에서 소개된 iPhone X는 새로운 형태의 스크린과 UI를 보여주고 있습니다. 크게 아래와 같이 3가지로 구분됩니다.상단 Status Bar 돌출부 (엠자탈모)하단 Home Indicator (과거 홈버튼에 해당하는 영역)스크린 모서리가 곡선처리 됨 따라서 충분한 여백이 없는 앱의 경우 컨텐트가 잘리거나 가려지는 문제를 야기할 수 있습니다. 따라서 애플은 새로운 디자인 가이드를 제시하고 있으며 새로운 개발옵션을 제공하고 있습니다. 여기서는 어떻게 테스트 하고 무엇을 테스트해야하는지 설명합니다. iPhone X 지원을 위한 상세한 디자인 가이드는 여기를 확인해주세요. Xamarin 앱을 iPhone X에서 테스트하기 IDE를 최신으로 업데이트하는 것만으로 iPhone X 환경에서 ..