【问题标题】:Why cannot see the arrow (back button) in the toolbar?为什么看不到工具栏中的箭头(后退按钮)?
【发布时间】:2019-03-27 15:34:22
【问题描述】:

您好,我正在实现一个工具栏,为此我有以下代码:

活动

public class SimulationActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simulation);
        PDFView pdfView = findViewById(R.id.pdfView);
        pdfView.fromAsset(SIMULATION_PDF).load();

        Toolbar myToolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(myToolbar);

        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);
        getSupportActionBar().setDisplayShowTitleEnabled(false);


    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                launchMapActivity(this);
                return true;

            default:
                return super.onOptionsItemSelected(item);
        }
    }

}

布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    tools:context=".simulation.SimulationActivity">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/white"
            app:popupTheme="@style/AppTheme.PopupOverlay">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:fontFamily="@font/lato_black"
                android:text="@string/app_name"
                android:textColor="@color/red"
                android:textSize="26sp" />


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

    ...
</android.support.constraint.ConstraintLayout>

问题

如果我在工具栏中添加 TextView,则箭头的工具栏不会显示。无论如何,当我点击箭头位置(它是隐藏的)时,可以完美地工作。

目标

在工具栏中显示文本视图和箭头。

有什么想法吗?

【问题讨论】:

    标签: android android-toolbar


    【解决方案1】:

    删除工具栏的 TextView 子级并使用 getSupportActionBar().setTitle() 设置工具栏的标题。

    if (getSupportActionBar() != null)
        getSupportActionBar().setTitle("My title");
    
    • 要更改工具栏文本颜色,请致电setTitleTextColor
    toolbar.setTitleTextColor(getResources().getColor(R.color.colorName));
    
    • 为了改变字体,在styles.xml 中添加样式并设置android:theme="@style/yourStyle"Styles.xml 中添加以下内容
    <style name="yourStyle" parent="ThemeOverlay.AppCompat.Light">
        <item name="android:fontFamily">@font/yourFont</item>
    </style>
    

    【讨论】:

    • 如何为该测试设置样式?
    • 哪个测试?什么款式?
    • android:fontFamily="@font/lato_black" android:textColor="@color/red" android:textSize="26sp"这个
    • 更新了我的答案。
    • 是的,这项工作,但无论如何我无法将文本居中任何想法?
    【解决方案2】:

    最后,问题出在AppBarLayout中的一行:

    android:theme="@style/AppTheme.AppBarOverlay"
    

    现在代码如下:

    活动

    public class SimulationActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_simulation);
            PDFView pdfView = findViewById(R.id.pdfView);
            pdfView.fromAsset(SIMULATION_PDF).load();
    
            Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
            toolbar.setTextAlignment(View.TEXT_ALIGNMENT_CENTER);
            setSupportActionBar(toolbar);
    
            getSupportActionBar().setDisplayShowTitleEnabled(false);
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            getSupportActionBar().setDisplayShowHomeEnabled(true);
    
        }
    
        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            switch (item.getItemId()) {
                case android.R.id.home:
                    launchMapActivity(this);
                    return true;
    
                default:
                    return super.onOptionsItemSelected(item);
            }
        }
    
    }
    

    布局

    <android.support.design.widget.AppBarLayout
            android:id="@+id/appBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">
    
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/white"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:popupTheme="@style/AppTheme.AppBarOverlay">
    
                <TextView
                    android:id="@+id/toolbar_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:textAlignment="center"
                    android:fontFamily="@font/lato_black"
                    android:text="@string/app_name"
                    android:textColor="@color/red"
                    android:textSize="26sp"/>
    
            </android.support.v7.widget.Toolbar>
        </android.support.design.widget.AppBarLayout>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-11-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-12-02
      • 1970-01-01
      • 2016-04-07
      • 1970-01-01
      相关资源
      最近更新 更多