Question

我正在开发一个Android应用程序并在布局中使用折叠工具栏。现在，折叠工具栏的标题可以足够长，因此当我显示长标题时它将被截断。展开折叠工具栏时标题显示3个点，折叠时显示相同的标题。所以，我想要的是当折叠工具栏将被折叠时，标题应该用选框效果显示。

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:fitsSystemWindows="true">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginEnd="@dimen/collapsing_tool_bar_margin_end"
        app:expandedTitleMarginBottom="@dimen/event_profile_collapsing_tool_bar_margin_bottom"
        app:collapsedTitleTextAppearance="@style/ActionBar.TitleText"
        app:expandedTitleTextAppearance="@style/TransparentText"
        app:expandedTitleMarginStart="@dimen/toolbar_expanded_title_margin_start">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/cover_image_and_video_display_height"
            android:visibility="visible"
            android:id="@+id/cover_image_layout">
            <ImageView
                android:id="@+id/coverImage"
                android:layout_width="match_parent"
            android:layout_height="@dimen/cover_image_and_video_display_height"
                android:scaleType="centerCrop"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/margin_10dp"
                android:layout_marginStart="@dimen/margin_10dp"
                style="@style/CoverTitleView"
                android:textColor="@color/white"
                android:layout_marginBottom="@dimen/margin_10dp"
                android:shadowColor="@color/text_shadow"
                android:shadowDx="1"
                android:shadowDy="1"
                android:shadowRadius="2"
                android:id="@+id/cover_content_title"
                android:layout_alignParentBottom="true"/>
        </RelativeLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:theme="@style/ActionBarThemeOverlay"
            app:popupTheme="@style/ActionBarPopupThemeOverlay"
            app:layout_collapseMode="pin"
            android:background="@drawable/gradient_bg">

        <TextView
            android:id="@+id/toolbar_title"
            android:textSize="@dimen/title_font_size"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ellipsize="marquee"
            android:textColor="@color/textColorPrimary"
            android:marqueeRepeatLimit="marquee_forever"
            android:focusable="true"
            android:typeface="monospace"
            android:focusableInTouchMode="true"
            android:singleLine="true" />
        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.CollapsingToolbarLayout>

    <android.support.design.widget.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways">

        <android.support.design.widget.TabLayout
            android:id="@+id/slidingTabs"
            android:layout_width="match_parent"
            android:layout_height="@dimen/home_icon_tab_height"
            app:tabMaxWidth="@dimen/tab_max_width"
            app:tabGravity="fill"
            style="@style/CustomTabLayoutStyle"
            app:tabMode="fixed"
            app:tabIndicatorHeight="@dimen/padding_3dp"
            app:tabIndicatorColor="@color/dark_divider"/>

    </android.support.design.widget.CollapsingToolbarLayout>

</android.support.design.widget.AppBarLayout>

<ProgressBar
    style="?android:attr/progressBarStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:id="@+id/progressBar"
    android:layout_gravity="center"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

在展开折叠工具栏时，请检查上面的代码我在textview中使用id cover_content_title设置折叠工具栏标题，并在折叠工具栏折叠时使用工具栏中带有id toolbar_title的textview。

我在textview上使用id toolbar_title应用了选取框属性，因此当折叠折叠工具栏时，标题的选取框效果将起作用。

我使用以下代码检测折叠工具栏是展开还是折叠

 @Override
    public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {

        if(collapsingToolbar.getHeight() + verticalOffset < 2 * ViewCompat.getMinimumHeight(collapsingToolbar)){
// Collapsed
            mToolBarTitle.setText("Marquee effect with collapsing toolbar working")       
            mToolBarTitle.setVisibility(View.VISIBLE);
        }else{
// Expanded
            mToolBarTitle.setVisibility(View.GONE);
        }
    }

当我折叠折叠工具栏时显示文本视图，但它显示了textview的截断标题，即使我已在其上应用了选取框属性。

你可以帮助我做错的地方，这样我才能让它发挥作用。

非常感谢先进。

具有折叠工具栏android

0 个答案: