paper-onboarding-android

OnBoarding은 앱이 시작될때 사용자로 하여금 액션을 유도하게 해서 더 흥미를 느끼게 하는 일종의 게이미피케이션 입니다. Raymotion이라는 그룹은 아름다운 모바일 UI 컴포넌트를 많이 만들어 내는데, 이번엔 온보딩용 프로젝트를 내 놓았습니다.

2016/05/17 Editor’s choice

Ramotion/paper-onboarding-android
_paper-onboarding-android - PaperOnboarding is a material design slider_github.com


설치하기

설치는 gradle 기준으로 설명하겠습니다.

아래의 dependency를 build.gradle에 추가해 주면 됩니다.

dependencies {

....  
compile 'com.ramotion.paperonboarding:paper-onboarding:1.0.0'

....  
}

샘플을 돌리려면 image 들을 카피해 주면 됩니다.

리소스 파일을 복사-붙여넣기!

실행하기

이번엔 소스를 한번 살펴 볼까요?

onCreate 메쏘드에 setOnChangeListenser를 셋팅해 주면 됩니다.

저렇게 Swipe 액션에 대해서 정의를 해 주면 인터페이스는 정의가 되었고

각각의 카드는 ArrayList로 추가만 해주면 됩니다.

이러게 하고 실행을 하면 이런 형태로 땋! 하고 실행됩니다.

새로운 에뮬은 좋은데 메모리는 많이 먹네요

온보딩을 이쁘게 꾸미고 싶으신 분들에게는 굉장히 유용한 프로젝트임에 틀림없습니다.

By Keen Dev on May 16, 2016.

Exported from Medium on May 31, 2017.

octotree

이 tree가 아닙니다.

깃헙 혹은 깃랩을 쓰실 때에 소스코드 보기가 너무 어렵다라는 생각하셨던 사람이 적지 않았을 것입니다. 브라우저의 히스토리만으로 왔다갔다 하다 보면 짜증이 많이 났을텐데요, 에디터의 tree 구조를 보여주는 프로젝트가 나왔습니다.

2016/05/16 Editor’schoice

buunguyen/octotree
_octotree - Code tree for GitHub and GitLab_github.com


설치하기

Octotree
_Code tree for GitHub and GitLab_chrome.google.com

사이트 링크를 따라가면 크롬웹스토어의 Octotree로 연결 됩니다.

Mozilla, Opera도 지원을 하는군요


실행하기

그냥 좌측상단의 화살표를 누르시면 다음과 같이 실행이 됩니다.

gitlab의 경우는 다음과 같이 보여집니다.

OctoTree는 기본적으로 GithubAPI를 사용하기 때문에 하루에 요청할 수 있는 request 한계가 있기 때문에 설정을 누르고 private_access토큰을 지정할 수 있는 기능을 제공합니다.

Build software better, together
_GitHub is where people build software. More than 14 million people use GitHub to discover, fork, and contribute to over…_github.com

링크를 따라 토큰을 만드시는 것을 추천합니다.

깃헙 사이트에서 죽치고 사는 저에게는 굉장히 좋은 프로젝트입니다.

By Keen Dev on May 15, 2016.

Exported from Medium on May 31, 2017.