안드로이드 레이아웃 - 헬로 SMS 앱과 같은 디자인

Question

누군가가 주어진 그림에서와 같이 수직 탭을 설계 좀 도와 주실 래요 내가 코드를 요구하고 있지 않다

(SMS 앱 인사에서 촬영) , 숙제 유형으로이 질문을 던지지 마십시오. 내가 알고 싶은 것은 내가 취해야 할 접근법입니다. 일부 스타일 및 UI 사용자 정의를 통해 재고 TabLayout 또는 기존 tablayout을 확장 할 수 있습니까? 올바른 리소스에 대한 귀하의 조언은 큰 도움이 될 것입니다. 감사합니다.

Answer 1

TabLayout은 사용자 목적에 적합하지 않으므로 여기에서 사용할 수 없습니다. 당신이 할 수있는 두 가지 레이아웃 - 어쩌면 선형 (또는 상대) 기본적으로 layout_weight 어쩌면 2와 layout_weight 8 (20/80) 분할과 하단 레이아웃으로 화면을 상단 부분으로 분할하는 상대 (또는 상대) 것입니다.

여기에서 레이아웃을 디자인해도됩니다. 상단 레이아웃이 회 전자 위젯과 같은 것을 보유하고있는 것 같습니다. 이 객체 나리스트 뷰 객체를 사용할 수 있습니다. 하단 레이아웃은 확실히 목록보기와 같은 것을 보유합니다. 각 행에 일종의 디자인을 사용하여 자신 만의 목록보기 위젯을 구현하거나 XML 레이아웃 파일을 가지고 ArrayAdapter에서이를 참조 할 수 있습니다. 정말로, 당신의 선택은 끝이 없습니다. 하단 레이아웃의 왼쪽 부분에 대해, 당신은 아마도 수직 LinearLayout을 사용하여 대화에있는 사람들의 이미지를 유지할 수 있습니다.

그리고 액션 바를 숨기는 것도 잊지 마세요.

Answer 2

내가 원하는 것은 화면을 주어진 비율로 두 부분으로 나누는 것입니다. 왼쪽보기에 어댑터가있는 목록보기를 삽입하고 오른쪽에 조각을 사용하십시오. 그러나 테이블을 사용하는 것은 좋은 생각이 아닙니다. 단편을 사용하면보다 쉽게 ​​작업을 수행 할 수 있습니다. 개요를 보려면 this 링크를 확인하십시오. 2.2 절과 2.3 절을보십시오.

오른쪽에는 조각 안에 이미지와 텍스트가있는 다른 목록보기를 사용할 수 있습니다.

Answer 3

이 탐색 창 안에 네비게이션 드로어 및 리스트 뷰을 사용하면이 작업을 수행 할 수 있습니다.

이 목록보기는 행에이라는 별개의 xml 레이아웃 을 사용합니다. 스크린 샷에 표시된 이미지보기가 내부에 있습니다.

Answer 4

당신은 안드로이드에서 다중 경로 레이아웃을 사용하여이를 달성 할 수 있습니다. 오른쪽에 fragmentview를 사용하여 listview 프래그먼트와 오른쪽 사이드 구현 세부 정보 화면을 만듭니다. 왼쪽 목록보기를 슬라이드하려면 slidepanelayout을 사용하십시오.

<android.support.v4.widget.SlidingPaneLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/slide" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    > 
    <fragment android:id="@+id/leftpane" 
       android:name="com.example.package.left" 
       android:layout_width="200dp" 
       android:layout_height="match_parent" 
       android:layout_gravity="left" /> 

    <fragment android:id="@+id/rightpane" 
       android:name="com.example.package.right" 
       android:layout_width="350dp" 
       android:layout_height="match_parent" 
       android:layout_gravity="right" 
       android:layout_weight="1" 
      /> 

</android.support.v4.widget.SlidingPaneLayout> 

Answer 5

이것은 목록보기가 아니며 단지 슬라이딩 메뉴입니다. 슬라이딩 메뉴에 대해 배우고 원하는 디자인을 얻을 수 있습니다. 이것은 도움이 될 것입니다. https://github.com/jfeinstein10/SlidingMenu