滚动webview时如何隐藏/显示自定义标题布局

时间:2014-09-07 12:42:53

标签: android webview

我想知道如何实现隐藏/显示Chrome中的地址栏或Google Plus中的操作栏等功能。

我有一个自定义的标题布局,我想在向下滚动webview时隐藏它,并在向上滚动时显示。

以下是我的布局的xml文件。

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

    <RelativeLayout
        android:id="@+id/top_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="@color/article_title"
        android:gravity="center"
        android:padding="10dip" >

        <LinearLayout
            android:id="@+id/date_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerInParent="true"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/date"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#535353"
                android:gravity="center"
                android:paddingLeft="5dip"
                android:paddingRight="5dip"
                android:text="4/10"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/white" />

            <TextView
                android:id="@+id/year"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:gravity="center"
                android:paddingLeft="5dip"
                android:paddingRight="5dip"
                android:text="2013"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textColor="#0B729D" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/title_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_toRightOf="@+id/date_layout"
            android:orientation="vertical"
            android:paddingLeft="10dip"
            android:paddingRight="10dip" >

            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Title"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <TextView
                android:id="@+id/category"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="subtitle" />
        </LinearLayout>
    </RelativeLayout>

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/ad_layout"
        android:layout_below="@id/top_layout" />

</RelativeLayout>

1 个答案:

答案 0 :(得分:0)

如果您只想隐藏/显示标题栏:

将标题部分布局放入ActionBar,然后您可以在需要时使用.hide()/。show()。

将XML文件设置为Actionbar:

LayoutInflater inflater = (LayoutInflater) getActionBar()
    .getThemedContext().getSystemService(LAYOUT_INFLATER_SERVICE);

View customActionBarView = inflater.inflate(R.layout.YOUR_XML_FILE, null);

ActionBar actionBar = getActionBar();
actionBar.setDisplayOptions(
    ActionBar.DISPLAY_SHOW_CUSTOM,
    ActionBar.DISPLAY_SHOW_CUSTOM | ActionBar.DISPLAY_SHOW_HOME
            | ActionBar.DISPLAY_SHOW_TITLE);
actionBar.setCustomView(customActionBarView,
    new ActionBar.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT));