Android的布局与垂直选项卡 - 设计像招呼的短信应用

Question

有人可以请帮我在给定的PIC设计，比如竖直突出

（从打招呼的短信应用所）我不会要求一个代码片段，所以请不要把这个问题当作家庭作业类型。我想知道的是我应该采取的方法。我是否通过一些样式和UI自定义扩展了股票TabLayout或现有的Tablayout？你指向正确的资源将会有很大的帮助。谢谢

Answer 1

你不能在这里使用TabLayout，因为它不适合你的目的。你可以做的是有两个布局 - 可能是线性（或相对），基本上将屏幕分割成顶部，其layout_weight可能为2，底部布局的layout_weight为8（用于20/80）分割。

从这里，这只是设计布局的问题。它看起来像你的顶部布局拥有像微调控件的东西。你可以使用这个或一个列表视图对象。你的底部布局绝对拥有像列表视图。你可以在每一行中实现你自己的列表视图控件，或者你可以有一个xml布局文件，并在你的ArrayAdapter中引用它。真的，你的选择是无止境的。对于底部布局的左侧部分，您可以使用垂直LinearLayout来保存会话中人员的图像。

也不要忘记隐藏ActionBar - 如果你想要的话。

Answer 2

我会做的是将屏幕以给定的比例分成两部分。用适配器将列表视图插入左侧，并使用右侧的片段。但使用表格不是一个好主意。使用Fragments可以让事情变得更简单。检查this链接的概述。看2.2和2.3节。

而对于右侧内部片段，您可以使用另一个列表视图与图像和文本。

Answer 3

您可以通过在此导航抽屉内使用NavigationDrawer和列表视图来实现此目的。

此列表视图将使用单独的xml布局作为其行。这将在屏幕截图中显示里面的图像视图。

Answer 4

你可以在android中使用多窗格布局来实现这一点。在右侧使用片段创建列表视图片段和右侧实现细节屏幕。如果你想滑动左侧的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

这不是一个listview，它只是一个滑动菜单。了解滑动菜单，您可以实现所需的设计。这将有助于你。 https://github.com/jfeinstein10/SlidingMenu