전체 글85 Flutter 앱 개발 9 : 다국어 지원 II 아래 이전 포스팅에서 앱 내부의 문자열 다국어 처리에 대해서 알아보았었다. Flutter 앱 개발 8 : 다국어 지원 I 코드가 더 복잡해 지기 전에 다국어 지원을 위한 구현을 추가해보자. 늦으면 늦을 수록 귀찮아 진다. ㅎ; 1. Easy Localization 패키지 추가 다국어 지원을 쉽게 도와주는 easy localization 패키지를 사용 drogrammer.tistory.com 이번 포스팅에서는 스마트폰 런처에 보이는 어플리케이션 이름 다국어 지원에 대해서 알아보겠다. 1. 다국어 리소스 추가 Android > app > src > main > res 디렉토리 아래에 문자열 다국어 리소스를 추가해 준다. 어플리케이션 제목을 번역할 것이므로 'appname' 이라는 키워드로 아래와 같이 파일을.. 2021. 1. 8. Flutter 앱 개발 8 : 다국어 지원 I 코드가 더 복잡해 지기 전에 다국어 지원을 위한 구현을 추가해보자. 늦으면 늦을 수록 귀찮아 진다. ㅎ; 1. Easy Localization 패키지 추가 다국어 지원을 쉽게 도와주는 easy localization 패키지를 사용할 계획이니 pubspec.yaml 에 의존성을 추가하자. ... dependencies: flutter: sdk: flutter url_launcher: ^5.7.10 easy_localization: ^2.3.3 # 다국어 패키지 추가 ... 2. 다국어 리소스 추가 assets 아래에 translations 폴더를 생성하고 언어별 리소스를 추가한다. 영어 (en.json), 스페인어 (es.json), 일본어 (ja.json), 한국어 (ko.json), 중국어 (zh.js.. 2021. 1. 5. Flutter 앱 개발 7 : Contents 뷰 - Drawer 추가 Flutter 앱 개발 6 : Contents 뷰 - Scaffold, AppBar 추가 포스팅에 이어 Contents 뷰에 Drawer를 추가해 보자. 1. Drawer 추가 Drawer는 좌에서 우로 슬라이딩 되며 나오는 메뉴인데, '앱 평가하기' 메뉴를 drawer 에 추가해 보자. 지난 포스트에 작성해둔 Contents 클래스에 drawer를 추가해 보자. 뷰의 기본 틀을 만들어주는 Scaffold 위젯의 drawer 속성을 구현해 주면 된다. 참고로 구현 방법은 Drawer 위젯의 child 로 원하는 UI를 구성해 주면 된다. 일반적으로 Column 에 제목인 DrawerHeader 를 넣고 필요한 메뉴를 ListTile로 추가한다. 자세한 내용은 아래 코드의 주석을 참고하길 바란다. @ove.. 2021. 1. 3. Flutter 앱 개발 6 : Contents 뷰 - Scaffold, AppBar 추가 자 이제부터 우주 사진 리스트를 보여주기 위한 Contents 뷰 클래스를 차근 차근 만들어 보자. 1. Contents 클래스 추가 일단, lib/view 폴더를 생성 하고 contents.dart 파일을 추가하자. 일단, Contents 클래스를 Stateless 위젯으로 만들자. Stateless 위젯에 대해서는 Flutter 커스텀 위젯 (Stateless, Stateful) 를 참고하기 바란다. import 'package:flutter/material.dart'; class Contents extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build throw Unimplement.. 2021. 1. 3. Flutter 커스텀 위젯 (Stateless, Stateful) 기본적으로 플러터 UI 는 ListView, Column, Text 등 기본 위젯을 이용해서 구성한다. 하지만, 어플리케이션의 구현이 복잡해 질수록 재사용 가능한 커스텀 위젯의 개발이 불가피하다. 이번 포스트에서는 어떻게 커스텀 위젯을 만들 수 있는지 간략히 설명하도록 하겠다. 1. 배경 플러터는 기본적으로 렌더링을 실제로 수행하는 RenderObjectWidget 류의 위젯도 제공하지만, 여러 위젯을 조합해서 새로운 위젯을 만들 수 있는 방식도 제공을 하고 있다. 조합 가능한 위젯의 대표적인 것이 Stateless, Stateful 위젯이며, 이 컨셉을 앱 내에서 커스텀 위젯 개발 시에 활용 가능하다. 2. Stateless 위젯 Stateless 위젯은 한마디로 상태 변경이 불가능한 (immutabl.. 2021. 1. 3. Flutter 앱 개발 5 : 테마 설정 (폰트, 칼라 코드) 1. 폰트 추가 일단, 아래 페이지에서 NexonLv2Gothic 파일을 다운로드 한다. >NEXON LEVEL UP (레벨업) – 넥슨 브랜드 인벤토리 LEVEL UP의 첫 단계로 게임에서 경험했던 느낌을 서체에 담아 표현했습니다. 서체의 기능적인 부분 외에도 즐거운 경험들을 전달하고자 하는 또 다른 도전의 시작입니다. levelup.nexon.com 프로젝트 폴더에 assets/fonts 디렉토리를 만들고 아래 두 파일을 복사한다. NEXON Lv2 Gothic Light.ttf NEXON Lv2 Gothic Medium.ttf Nexon Lv2 폰트는 무료로 상업적 사용이 가능한 폰트다. 우리는 Light와 Medium 폰트 두가지를 사용할 계획이다. 마지막으로, 프로젝트 설정 파일인 pubspec.. 2021. 1. 2. 이전 1 ··· 6 7 8 9 10 11 12 ··· 15 다음
