해나래

Android에서는 dp(Density-independent Pixel) 단위를 썼다면, Flutter에서는 Logical Pixel 단위를 사용합니다. 단위만 다를 뿐 실제로 안드로이드의 dp 단위와 동일합니다. 이미지의 경우에는 res/drawable-* 형태의 폴더명으로 이미지를 분류했다면, Flutter에서는 iOS와 동일하게 2.0x, 3.0x와 같은 폴더명을 사용하여 이미지를 분류합니다. Density dots per inch dots per cm Flutter Image Folder ldpi 120 47.2 0.75x mdpi 160 62.9 1.0x hdpi 240 94.5 1.5x xhdpi 320 125.9 2.0x xxhdpi 480 188.9 3.0x xxxhdpi 640 251.9..

Flutter을 통해 MaterialApp을 생성할 때 ThemeData를 통해서 전체적인 Theme을 설정할 수 있습니다. class MainApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter', theme: ThemeData( primaryColor: Color(0xFF174378) ), ); } } ThemeData를 통해 세세한 색상 값을 일일이 설정할 수 있습니다. 그러나 모든 색상을 하나하나 조절하는 것은 상당히 번거로운 작업일 수 있습니다. ThemeData({ Brightness brightness, VisualDensity visualDen..

수많은 오픈소스 아이콘 중에서 원하는 아이콘만 사용하고 싶을때, 직접 제작한 아이콘을 사용하고 싶을 때 이용할 수 있는 서비스를 안내해드립니다. FlutterIcon.com에 접속합니다. 현존하는 오픈소스 아이콘 리스트가 제공되며, 원하는 아이콘을 선택합니다. 직접 제작한 아이콘은 SVG로 만들어 추가할 수 있습니다. 좌측 상단에 사용할 폰트 이름을 기재하고, 다운로드를 입력하면 Zip파일이 다운로드 됩니다. 압축파일을 풀면 폰트파일, json, dart 파일이 나타납니다. config.json은 현재 폰트파일에 대한 메타정보입니다. fluttericon.com에 재방문하셨을 때 Import를 통해 선택된 아이콘을 복원할 수 있습니다. .ttf 파일을 플러터 프로젝트의 fonts 폴더에 추가합니다. (예..

이 페이지는 https://flutter.dev/docs/cookbook/design/fonts를 번역한 내용입니다. 시점에 따라 원문과 다소 차이가 존재할 수 도 있습니다. 또한 원저자의 요청에 의해 언제든지 변경, 삭제될 수 있습니다. 안드로이드와 iOS가 훌륭한 품질의 시스템 폰트를 제공함에도, 디자이너의 가장 흔한 요청사항 중 하나는 커스텀 폰트에 관한 것입니다. 예를들어 디자이너에 의해 직접 제작된 폰트를 사용할 수 도 있고, Google Fonts와 같은 외부 사이트에서 폰트를 내려받아 사용할 수 도 있습니다. 참고: google_fonts 패키지 사용을 고려해보세요. 1,000개가 넘는 오픈소스 폰트유형을 손쉽게 사용할 수 있습니다. 참고: 여러 프로젝트에서 특정 폰트를 재사용한다면, 폰트를..

이 페이지는 https://flutter-ko.dev/docs/development/accessibility-and-localization/internationalization를 번역한 내용입니다. 시점에 따라 원문과 다소 차이가 존재할 수 도 있습니다. 또한 원저자의 요청에 의해 언제든지 변경, 삭제될 수 있습니다. 다음을 배우게 됩니다. 장치의 Locale(사용자가 선호하는 언어) 추적하기 Locale에 따라 달라지는 값을 관리하는 방법 앱에서 지원하는 Locale을 정의하는 방법 다른 언어를 사용하는 사용자에게 앱을 배포 할 경우 앱을 국제화해야 합니다. 즉 앱이 지원하는 "지역(Locale)"이나 언어 별로 텍스트, 레이아웃 등의 값들이 "현지화(Localize)" 될 수 있는 방법으로 앱을 개발..

이 포스트의 내용은 https://devblogs.microsoft.com/xamarin/introducing-xamarin-forms-4-0-the-era-of-shell/ 을 번역한 자료입니다. 한글로 표현하기 어색하거나 모호한 문장은 임의로 조정하거나 삭제하였으므로 필요한 경우 원문을 참고하시기 바랍니다. 또한 언제든지 원저자의 요청에 의해 게시물이 내려지거나 수정될 수 있음을 알려드립니다. 마지막으로 이 글은 개인적인 학습목적으로 번역한 자료이며, 따라서 오역이나 잘못된 해석이 포함되어 있을 수 있으며 이로인한 어떠한 일체의 보장을 하지 않습니다. 지난 해 Xamarin은 크로스 플렛폼 모바일 앱을 개발 할 때 복잡성을 줄임으로써 생산성을 향상시키는데 중점을 두고 작업을 진행하였습니다. 추상적인 ..

이 포스트의 내용은 iOS Universal Links in Xamarin.Forms and ASP.NET Core (https://marcofolio.net/ios-universal-links-xamarin-forms-asp-net-core/) 을 번역한 자료입니다. 한글로 표현하기 어색하거나 모호한 문장은 임의로 조정하거나 삭제하였으므로 필요한 경우 원문을 참고하시기 바랍니다. 또한 언제든지 원저자의 요청에 의해 게시물이 내려지거나 수정될 수 있음을 알려드립니다. 마지막으로 이 글은 개인적인 학습목적으로 번역한 자료이며, 따라서 오역이나 잘못된 해석이 포함되어 있을 수 있으며 이로인한 어떠한 일체의 보장을 하지 않습니다. Universal Links를 사용하면 iOS 앱과 웹 사이의 끊김없는 사용자 ..

이 포스트의 내용은 Connect with your users with Google Search and App Indexing (https://blog.xamarin.com/connect-with-your-users-with-google-search-and-app-indexing/) 을 번역한 자료입니다. 한글로 표현하기 어색하거나 모호한 문장은 임의로 조정하거나 삭제하였으므로 필요한 경우 원문을 참고하시기 바랍니다. 또한 언제든지 원저자의 요청에 의해 게시물이 내려지거나 수정될 수 있음을 알려드립니다. 마지막으로 이 글은 개인적인 학습목적으로 번역한 자료이며, 따라서 오역이나 잘못된 해석이 포함되어 있을 수 있으며 이로인한 어떠한 일체의 보장을 하지 않습니다. 앱이 인스톨 되고 나서 어떻게 사용자를 지..

이 포스트의 내용은 https://docs.microsoft.com/en-us/xamarin/xamarin-forms/xaml/live-reload을 번역한 자료입니다. 한글로 표현하기 어색하거나 모호한 문장은 임의로 조정하거나 삭제하였으므로 필요한 경우 원문을 참고하시기 바랍니다. 또한 언제든지 원저자의 요청에 의해 게시물이 내려지거나 수정될 수 있음을 알려드립니다. 마지막으로 이 글은 개인적인 학습목적으로 번역한 자료이며, 따라서 오역이나 잘못된 해석이 포함되어 있을 수 있으며 이로인한 어떠한 일체의 보장을 하지 않습니다. Xamarin Live Reload를 사용하면 컴파일이나 배포 과정 없이 XAML에 대한 변경사항을 즉각적으로 확인할 수 있습니다. XAML파일을 수정하고 저장하면 선택한 모바일 ..

안드로이드의 이미지는 drawable과 mipmap 폴더에 저장할 수 있습니다. mipmap 폴더는 런처아이콘 이미지를 위한 폴더라고 하는데, 런처아이콘을 mipmap에 넣을 때와 drawable에 넣을 때 어떤 차이가 발생할까요? 일단 drawable, mipmap의 차이를 정리하면 아래와 같습니다. 구분 drawable mipmap 목적 모든 종류의 이미지 저장 런처 아이콘 이미지 저장 선택되는 이미지 크기 디바이스 픽셀밀도에 따라 달라짐 이미지 크기에 따라 달라짐 지원버전 모든 버전 Android 2.3 Honeycomb (API 11) 사용예시 android:background="@drawable/ic_image" android:icon="@mipmap/ic_launcher" drawable에 런..