【问题标题】:How to set imgs left, center, right on collapsing toolbar?如何在折叠工具栏上设置imgs左,中,右?
【发布时间】:2020-01-21 20:35:04
【问题描述】:

在我的应用程序中,我有一个带有三个图标的折叠工具栏; 汉堡包图标,应用程序标志,设置图标,

我的汉堡包图标在左侧,设置图标在右侧,我正在尝试将应用程序徽标置于工具栏中的中心。但它出现在我的设置徽标旁边,而不是在中心。任何想法为什么我做错了?

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activities.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:id="@+id/appbar"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/colappsingtoolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="@color/lightBlack"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="64dp"
            app:layout_scrollFlags="exitUntilCollapsed|scroll|snap"
            app:title="">
            <ImageView
                android:id="@+id/header"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:gravity="top"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:titleMarginTop="15dp" >


            <ImageView
                android:id="@+id/title"
                android:layout_width="23dp"
                android:layout_height="23dp"
                android:layout_marginTop="13dp"
                android:layout_marginRight="13dp"
                android:layout_gravity="center_horizontal"

                android:src="@drawable/ic_account" />
            <ImageView
                android:id="@+id/accoun_btn"
                android:layout_width="23dp"
                android:layout_height="23dp"
                android:layout_marginTop="13dp"
                android:layout_marginRight="13dp"
                android:layout_gravity="right"
                android:src="@drawable/ic_account" />
            </android.support.v7.widget.Toolbar>

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

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

【问题讨论】:

    标签: android toolbar android-coordinatorlayout android-collapsingtoolbarlayout


    【解决方案1】:

    我将您的代码编辑到我的 Android Studio 3.5 中,因为我使用的是 androidx 框架,但我认为解决它不会有任何问题。从下面检查我的代码:-

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
    
        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:id="@+id/appbar"
            android:fitsSystemWindows="true"
            android:theme="@style/ThemeOverlay.AppCompat">
    
            <com.google.android.material.appbar.CollapsingToolbarLayout
                android:id="@+id/colappsingtoolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:contentScrim="@color/colorPrimary"
                app:expandedTitleMarginEnd="64dp"
                app:expandedTitleMarginStart="64dp"
                app:layout_scrollFlags="exitUntilCollapsed|scroll|snap"
                app:title="">
                <ImageView
                    android:id="@+id/header"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:fitsSystemWindows="true"
                    android:scaleType="centerCrop"
                    app:layout_collapseMode="parallax"/>
    
                <androidx.appcompat.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:gravity="top"
                    app:layout_collapseMode="pin"
                    app:popupTheme="@style/ThemeOverlay.AppCompat"
                    app:titleMarginTop="15dp" >
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:weightSum="3"
                        android:padding="10dp"
                        android:orientation="horizontal">
    
                        <ImageView
                            android:id="@+id/title"
                            android:layout_weight="1"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="13dp"
                            android:layout_marginRight="13dp"
                            android:layout_gravity="center_horizontal"
    
                            android:src="@drawable/ic_beach_access_black_24dp" />
                        <ImageView
                            android:id="@+id/accoun_btn"
                            android:layout_weight="1"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="13dp"
                            android:layout_marginRight="13dp"
                            android:layout_gravity="end"
                            android:src="@drawable/ic_settings_black_24dp" />
                        <ImageView
                            android:id="@+id/accoun_btn_1"
                            android:layout_weight="1"
                            android:layout_width="wrap_content"
                            android:layout_height="23dp"
                            android:layout_marginTop="13dp"
                            android:layout_marginRight="13dp"
                            android:layout_gravity="start"
                            android:src="@drawable/ic_android_black_24dp" />
                    </LinearLayout>
                </androidx.appcompat.widget.Toolbar>
    
            </com.google.android.material.appbar.CollapsingToolbarLayout>
    
        </com.google.android.material.appbar.AppBarLayout>
    
    </androidx.coordinatorlayout.widget.CoordinatorLayout>
    

    快乐coding

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多