본문 바로가기

Android40

[Hybird App] 모바일 UI 프레임워크(JQuery Mobile) 사용법 모바일 UI 프레임워크란 모바일 디바이스에서 사용자와 콘텐츠간 상호작용 할 수 있도록 개발 모듈로 제공되는 틀을 의미합니다. 안드로이드와 비교하자면 안드로이드는 XML로 UI를 꾸미듯이 하이브리드 앱에서는 HTML5 + 모바일 UI 프레임워크 (안드로이드 XML) 를 이용하여 UI를 꾸밉니다. 모바일 UI 프레임워크는 네이티브 앱과 UX가 거이 비슷하게 만들어 집니다. 모바일 UI 프레임 워크 종류로는 JQuery Mobile, Sencha Touch, DHTMLX Touch 등 종류가 어러개 있으며 가장 대중적인 JQuery Mobile 을 사용하여 UI를 만들어 보도록 하겠습니다. 1. JQuery Mobile 다운 또는 CND 링크걸기 http://jquerymobile.com/download/ 홈.. 2017. 10. 30.
[Hybird App] 하이브리드 앱 개발환경 세팅 예전부터 하이브리드 앱을 배워보고 싶어 공부하려 했는데 기본 자료가 너무 없어서 책을 이용해 접하게 되었습니다. 책도 HTML + CSS 웹을 다루는 기술이 많고 앱관련 기술 비중이 낮은 편입니다. 저자도 잘 모르는 부분이며 공부하며 기술하려 합니다. 입문 하시려는 분들에게 저의 글이 도움이 되길 바라면서 포스팅 시작합니다. ------------------------------------------------------------------------------- 하이브리드 앱은 HTML CSS 자바스크립트 기술을 이용하며 모바일웹 + 모바일 프레임워크를 사용하여 = 네이티브앱으로 변환한 앱입니다. 모바일 프레임워크는 네이티브 앱을 개발하도록 도와주는 역할을 수행합니다. 폰갭, 트리거아이오, 티타니움 .. 2017. 10. 24.
[Android] 카카오톡 페이지 만들기(PagerSlidingTabStrip + Viewpager) 안드로이드 개발자 유혁입니다. 이전에 Viewpager와 FragmentTabhost를 이용한 카카오톡 페이지를 만들어 보았습니다. 위 두 가지 방식은 카카오톡 페이지라고 하기에 2%부족한 느낌을 주는 방식이였습니다. ViewPager는 현재 상태의 대한 띠가 없고, FragmentTabhost는 좌우 스크롤이 안되는 맛있어보이지만 맛없는 느낌을 주었습니다. 이번에 포스팅하는 카카오톡 페이지는 오픈소스로 이루어진 PagerSlidingTabStrip + Viewpager를 이용하여 실제 카카오톡과 비슷한 환경으로 제작을 해 보겠습니다. 결과 1. build.gradle(Module:app) 라이브러리 추가. compile 'com.astuetz:pagerslidingtabstrip:1.0.1' Sync .. 2017. 9. 12.
[Android] FragmentTabhost를 이용한 카카오톡 페이지 만들기 안녕하세요. 지난시간에 ViewPager를 이용해 카카오톡 페이지를 만들어 보았습니다. ViewPager는 간단하고 구현이 편리하다는 장점이 있습니다. 카카오톡 페이지의 모든 면을 보여준 것 같지만 그렇지 않습니다. 카카오톡 페이지는 상단 버튼 부분에 아래 현재 위치한 Contents의 위치를 보여주는 상태바가 존재합니다. ViewPager는 이 기능을 지원하지 않습니다. 개인이 능력이 되서 클릭할때 표시는 가능하겠으나 구현되어있는 오픈소스도 존재하며 편리하게 사용이 가능하게 많이 제공되고 있습니다. 오늘 포스팅 내용은 안드로이드에서 FragmentTabhost를 이용하여 카카오톡 페이지를 만들어 보겠습니다. FragmentTabhost는 위치하고있는 fragment Activity를 보여줍니다. 글로 .. 2017. 9. 8.

티스토리툴바