如何在android中显示如下的布局

时间:2013-12-31 07:03:55

标签: android android-layout android-fragments android-fragmentactivity

这里我想通过使用片段创建一个包含以下内容的布局,我该怎么做? 我应该使用顶部还是我可以使用片段?哪一个是最好的方法。而不是滑动选项卡我想在底部显示.(dot)。例如Android主屏底部3-5点。

+-----------------------------------------------+
|  +------------+                               |
|  |            |           Line 1              |
|  |  Image     |           Line 2              |
|  |            |           Line 3              |
|  |            |        (Static)               |
|  +------------+                               |
|-----------------------------------------------|
|                                               |
|                                               |
|                                               |
|                                               |
|      Some Content goes here                   |
|            (Swipe tab)                        |
|              Swipe to next -->>>              |
|       Here dot(.) represent the pages         |
|                                               |
|                                               |
|                                               |
|____________________._._.______________________|
|                                               |
|     3 images goes here                        |
|          (Static Horizontal scroll able)      |
+-----------------------------------------------+

2 个答案:

答案 0 :(得分:0)

您必须放置三个布局。在第一个线性水平布局中放置imageview和文本视图。 在第二个位置,一个水平可滚动视图,带有按钮或适合您的内容,每个内容都匹配父级。每个按钮放置页面指示器tyo。 第三个是普通的可滚动视图或使用图库视图来放置内容。

答案 1 :(得分:0)

嗯......我试过了......这就是外面的......

enter image description here

这是源......

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
    android:id="@+id/news_item_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
    <ImageView
        android:id="@+id/news_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="Test image"
        android:padding="20dp"
        android:src="@drawable/ic_launcher" />
    <LinearLayout
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Your headline..."
            android:textAppearance="?android:attr/textAppearanceLarge" />
        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Your text here..."
            android:textAppearance="?android:attr/textAppearanceMedium" />
        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Your text here..."
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
</LinearLayout>
<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#FFCCCCCC" >
    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Inner contents..."
        android:textAppearance="?android:attr/textAppearanceLarge" />
</FrameLayout>
<HorizontalScrollView
    android:id="@+id/horizontalScrollView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:orientation="horizontal" >
        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Scrollable contents here..."
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
</HorizontalScrollView>

注意:您需要将标签或其他任何内容放在内部内容部分。而且你自己在下部可滚动面板中的任何内容。我只是想为你制作一个结构......

希望这会有所帮助......