Android Facebook 스타일 슬라이드 에뮬레이트 할 수

새로운 Facebook 응용 프로그램과 탐색 기능이 정말 멋집니다. 내 응용 프로그램에서 어떻게 에뮬레이트 할 수 있는지 보려고했습니다.

누구나 어떻게 달성 할 수 있는지 실마리가 있습니까?

여기에 이미지 설명을 입력하십시오

왼쪽 상단 버튼을 클릭하면 페이지가 슬라이드되고 다음 화면이 표시됩니다.

YouTube 비디오



답변

나는 이것을 가지고 놀았으며, 내가 찾을 수있는 가장 좋은 방법은 FrameLayout을 사용하고 메뉴 위에 사용자 정의 HorizontalScrollView (HSV)를 배치하는 것이 었습니다. HSV 내부에는 애플리케이션 뷰가 있지만 첫 번째 하위 항목으로 투명한 뷰가 있습니다. 즉, HSV에 스크롤 오프셋이 없을 경우 메뉴가 표시됩니다 (그리고 여전히 클릭 할 수 있음).

앱이 시작되면 HSV를 첫 번째로 보이는 애플리케이션보기의 오프셋으로 스크롤하고 메뉴를 표시하려면 투명보기를 통해 메뉴를 표시하기 위해 뒤로 스크롤합니다.

코드는 여기에 있으며 Launch 활동의 아래쪽 두 버튼 (HorzScrollWithListMenu 및 HorzScrollWithImageMenu라고 함)은 내가 만들 수있는 최고의 메뉴를 보여줍니다.

안드로이드 슬라이딩 메뉴 데모

에뮬레이터 스크린 샷 (중간 스크롤) :

장치의 스크린 샷 (전체 스크롤). 내 아이콘은 Facebook 메뉴 아이콘만큼 넓지 않으므로 메뉴보기와 ‘앱’보기가 정렬되지 않습니다.


답변

이 라이브러리 프로젝트 에서 페이스 북과 같은 슬라이드 아웃 탐색을 구현 했습니다 .

애플리케이션, UI 및 탐색에 쉽게 구축 할 수 있습니다. 하나의 액티비티와 하나의 프래그먼트 만 구현하고 라이브러리에 알려야합니다. 라이브러리는 원하는 모든 애니메이션과 탐색 기능을 제공합니다.

저장소 내에서 lib를 사용하여 페이스 북과 같은 탐색을 구현하는 방법과 함께 데모 프로젝트를 찾을 수 있습니다. 다음은 데모 프로젝트 기록이 담긴 짧은 비디오입니다 .

또한 활동 트랜잭션 및 TranslateAnimations (조각 트랜잭션 및 사용자 정의보기가 아님)를 기반으로하기 때문에이 lib는이 ActionBar 패턴과 호환되어야합니다.

현재 가장 큰 문제는 가로 및 세로 모드를 모두 지원하는 응용 프로그램에서 제대로 작동하는 것입니다. 의견이 있으시면 github을 통해 알려주십시오.

최고야,
알렉스


답변

여기 또 다른 라이브러리가 있으며 제 생각에는 최고 인 것 같습니다. 나는 그것을 쓰지 않았다 ..

최신 정보:

이 코드는 나에게 가장 잘 작동하는 것으로 보이며 전체 작업 표시 줄을 G + 앱과 유사하게 이동합니다.

Google은이를 어떻게 관리 했습니까? Android 애플리케이션의 슬라이드 ActionBar


답변

페이스 북 앱은 네이티브 코드로 작성되지 않았지만 (Android에서 레이아웃을 사용하는 네이티브 코드로) 웹 뷰를 사용했으며 sencha 와 같은 일부 자바 스크립트 ui 라이브러리를 사용했습니다 . 센차 프레임 워크를 사용하면 쉽게 달성 할 수 있습니다.


답변

또 다른 (매우 훌륭한) 오픈 소스 라이브러리가 있습니다!

이것에 대한 좋은 기능은 ActionBarSherlock과 쉽게 통합된다는 것입니다.

다음은 github 프로젝트 링크입니다

Google Play 다운로드 링크 는 다음과 같습니다.


답변

방금 내 프로젝트와 비슷한 견해를 구현했습니다. 여기서 확인할 수 있습니다

내가 작성한 라이브러리를 기반으로 한 샘플 응용 프로그램의 화면은 다음과 같습니다.

이 사용자 정의보기를 XML 레이아웃의 요소로 사용하기 쉽습니다. 예를 들면 다음과 같습니다.

    <shared.ui.actionscontentview.ActionsContentView
      android:id="@+id/content"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:actions_layout="@layout/actions"
      app:content_layout="@layout/content" />

프로젝트 Wiki에서 작은 기사를 작성할 수있는 ActionsContentView 라이브러리 사용법에 대한 질문이 있습니다.

이 라이브러리의 장점 :

  • 터치하여보기를 슬라이드하는 기능
  • XML로 작업 표시 줄의 크기를 쉽게 조정할 수 있습니다.
  • 2.0 이상부터 모든 Android SDK 버전 지원

한 가지 제한이 있습니다.

  • 모든 가로 스크롤보기는이보기의 경계에서 작동하지 않습니다.

안부 인사, 스티븐


답변

Android 지원 패키지 개정판 13 (2013 년 5 월)에는 창의 가장자리에서 가져올 수있는 탐색 서랍을 만드는 DrawerLayout이 있습니다. 그리고 내비게이션 서랍은 이제 디자인 패턴입니다.

v4 지원 라이브러리

탐색 서랍 디자인 패턴