如何只刷一部分布局

时间:2014-07-08 02:50:23

标签: android android-layout viewpagerindicator

我正在使用Jake Wharton的ViewPagerIndicator Library,我正在尝试与Tinder和许多最近的Android应用程序(谈论起始屏幕)进行相同的浏览...我的意思是只有布局的顶部可以滑动,底部的较小部分显示Fb / Twitter / G +登录按钮。

这是我希望拥有的屏幕截图:http://i.imgur.com/QK91rBW.png

我已经阅读了此Question,但我认为它无法满足我的需求。

你能帮帮我吗?

1 个答案:

答案 0 :(得分:1)

因为您将使用ViewPager,所以您不必考虑可以滑动的区域,因为ViewPager的高度/宽度决定了这一点。

布局示例:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <!-- Static content -->
    <LinearLayout
        android:id="@+id/ll_bottom"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:background="@color/holo_blue_light"
        android:orientation="vertical" />

    <!-- ViewPager Indicator -->
    <com.viewpagerindicator.LinePageIndicator
        android:id="@+id/view_pager_indicator"
        android:layout_width="fill_parent"
        android:layout_height="20dp"
        android:layout_above="@id/ll_bottom"
        android:background="@color/holo_orange_light"
        app:lineWidth="10dp"
        app:selectedColor="#fff"
        app:strokeWidth="10dp"
        app:unselectedColor="#888888" />

    <!-- ViewPager containing fragments with different views -->
    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/view_pager_indicator"
        android:layout_alignParentTop="true"
        android:background="@color/holo_red_light" />

</RelativeLayout>

结果:

enter image description here

说明:在蓝色区域中,您放置的静态内容不会像示例中的Facebook按钮那样发生变化。 ViewPagerIndicator使用橙色区域,最后红色区域是ViewPager之一。如前所述,只有这个区域是可以滑动的。