【问题标题】:How to use CollapsingToolbarLayout instead of using application theme action bar for specific activity?如何使用 CollapsingToolbarLayout 而不是使用应用程序主题操作栏进行特定活动?
【发布时间】:2017-01-03 04:01:50
【问题描述】:

我正在为我的应用程序使用一个应用程序主题,其中该主题的操作栏标志为真。我的所有活动都显示相同的操作栏。

如何将 CollapsingToolbarLayout 用于任何特定活动,而不是使用主应用主题操作栏?

我在我的活动类中添加了以下代码:

  final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        CollapsingToolbarLayout collapsingToolbar =
                (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
        collapsingToolbar.setTitle(cheeseName);

这是我的布局:

 <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:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="64dp">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin" />

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

但它不起作用,我的活动总是显示应用主题操作栏。

【问题讨论】:

    标签: android android-actionbar android-collapsingtoolbarlayout app-themes


    【解决方案1】:

    试试这个,

    xml文件

    <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    
            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                app:contentScrim="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|exitUntilCollapsed">
    
                <ImageView
                    android:id="@+id/image"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fitsSystemWindows="true"
                    android:scaleType="centerCrop"
                    android:src="@drawable/your_image"
                    app:layout_collapseMode="parallax" />
    
                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
                    android:title="Collapsing Toolbar"
                    app:layout_collapseMode="pin" />
    
            </android.support.design.widget.CollapsingToolbarLayout>
        </android.support.design.widget.AppBarLayout>
    

    【讨论】:

    • 你得到了什么?
    • 您没有使用任何图像进行折叠。使用图像它会工作
    【解决方案2】:

    试试这个:在你的 xml 布局中...

     <?xml version="1.0" encoding="utf-8"?>
        <android.support.design.widget.CoordinatorLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true">
    
            <android.support.design.widget.AppBarLayout
                android:id="@+id/app_bar"
                android:layout_width="match_parent"
                android:layout_height="218dp"
                android:fitsSystemWindows="true"
                android:theme="@style/AppTheme.AppBarOverlay">
    
                <android.support.design.widget.CollapsingToolbarLayout
                    android:id="@+id/toolbar_layout"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:fitsSystemWindows="true"
                    app:contentScrim="?attr/colorPrimary"
                    app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed">
    
                    <ImageView
                        android:id="@+id/header"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:adjustViewBounds="true"
                        android:src="@drawable/google_thumb"
                        app:layout_collapseMode="parallax"
                        app:layout_collapseParallaxMultiplier="0.7" />
    
                    <android.support.v7.widget.Toolbar
                        android:id="@+id/toolbar"
                        android:layout_width="match_parent"
                        android:layout_height="?attr/actionBarSize"
                        app:layout_collapseMode="pin"
                        app:layout_scrollFlags="scroll|exitUntilCollapsed"
                        app:popupTheme="@style/AppTheme.PopupOverlay" />
    
                </android.support.design.widget.CollapsingToolbarLayout>
            </android.support.design.widget.AppBarLayout>
    
           //this is the layout that you want under collapsing toolbar
            <include layout="@layout/content_scrolling" />
    
        </android.support.design.widget.CoordinatorLayout>
    

    在你的Activity

        public class Toolbar_activity extends AppCompatActivity {
    
        CollapsingToolbarLayout collapsingToolbar;
        Toolbar toolbar;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
    
            super.onCreate(savedInstanceState);
            setContentView(R.layout.your_layout);
            toolbar = (Toolbar) findViewById(R.id.toolbar);
            setSupportActionBar(toolbar);
            collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.toolbar_layout);
            collapsingToolbar.setTitle("TITLE");
        }
    }
    

    然后在您的清单中:

     <activity
            android:name=".Toolbar_activity"
            android:label="@string/app_name"
            android:screenOrientation="portrait"
            android:theme="@style/AppTheme.NoActionBar"></activity>
    

    【讨论】:

      【解决方案3】:

      @0xAliHn,

      因为你没有对CollapsingToolbarLayout应用任何主题

      只需创建一个您想要的自定义主题并将其应用到您的AppBarLayout

      否则它将继承您在 Androidmenifest.xml 中使用的相同主题

      【讨论】:

      • 我在我的 AppBarlayout 中使用了这个android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
      【解决方案4】:

      如果你使用CollapsingToolbarLayout,你需要在里面设置Toolbar作为操作栏。您可以解决这种情况,隐藏您用于所有活动的操作栏(在本例中为主工具栏)。之后使用上面的代码

      final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
              setSupportActionBar(toolbar);
              getSupportActionBar().setDisplayHomeAsUpEnabled(true);
      

      对不起,如果我不明白你想要什么。

      【讨论】:

        【解决方案5】:

        你应该像这样在 mainifest 中设置新主题

        <activity android:name=".your activity" android:theme="xxxx"></activity>
        

        【讨论】:

        • 请增加你的答案
        猜你喜欢
        • 1970-01-01
        • 2019-05-23
        • 2023-04-02
        • 1970-01-01
        • 1970-01-01
        • 2013-07-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多