带有工具栏的NestedScrollView

Question

因此，我在styles.xml中设置了AppTheme NoActionBar，因为我只希望在几个Activites中使用工具栏，而且我还要创建包含两个项目的post_details_menu。但是工具栏根本不显示。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

然后在Manifest.xml中，我有一个主题：AppTheme

<application
    android:theme="@style/AppTheme"
    ...>
</application>

然后我创建了my_toolbar：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<androidx.appcompat.widget.Toolbar
    android:id="@+id/my_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"/>
</LinearLayout>

并且在im PostDetailsActivity中，我想使用我的工具栏：

public class PostDetailActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_post_detail);

    Toolbar toolbar = findViewById(R.id.my_toolbar);
    setSupportActionBar(toolbar);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.post_details_menu, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {

    switch(item.getItemId()){
        case R.id.post_Edit:
            showMessage("post_edit clicked");
            return true;
        case R.id.post_Delete:
            showMessage("post_delete clicked");
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

最后这是我的ActivityPostDetails布局：

<androidx.core.widget.NestedScrollView
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=".PostDetailActivity"
android:background="#fff">

   <androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

       <ImageView ... />

       <TextView ... />

       <androidx.recyclerview.widget.RecyclerView .../>

   </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.core.widget.NestedScrollView>

Answer 1

太简单了。在您要显示工具栏的XML文件中设置应用栏的布局。

检查以下XML代码：-

<androidx.core.widget.NestedScrollView
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=".PostDetailActivity"
android:background="#fff">

   <androidx.constraintlayout.widget.ConstraintLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent">

         <com.google.android.material.appbar.AppBarLayout
              android:id="@+id/appBarLayout"
              android:layout_width="0dp"
              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">

                 <androidx.appcompat.widget.Toolbar 
                     xmlns:android="http://schemas.android.com/apk/res/android"
                     xmlns:app="http://schemas.android.com/apk/res-auto"
                     android:id="@+id/toolbar"
                     android:layout_width="match_parent"
                     android:layout_height="?attr/actionBarSize"
                     android:background="@color/colorPrimary"
                     android:theme="@style/AppTheme.ActionBar"
                     app:navigationIcon="@drawable/ic_back"
                  app:subtitleTextAppearance="@style/CustomSubTitleTextAppearance"
                     app:titleTextColor="@color/black" />

                    </com.google.android.material.appbar.AppBarLayout>

                    <ImageView ... />

                    <TextView ... />

                    <androidx.recyclerview.widget.RecyclerView .../>

                </androidx.constraintlayout.widget.ConstraintLayout>

            </androidx.core.widget.NestedScrollView>

在您的Java代码中，您必须以编程方式在PostDetailsActivity.java中绑定工具栏。

toolbar = findViewById(R.id.toolbar)
toolbar!!.setNavigationIcon(R.drawable.ic_back)
if (toolbar != null) {
   setSupportActionBar(toolbar)
}

Answer 2

类似这样的Xml结构应该可以解决问题

<LinearLayout>
<Toolbar/>
<NestedScrollView>
//one parent view inside nestedscrollview
<AnylayoutType>
// other required views
</AnylayoutType>
</NestedScrollView>
<LinearLayout/>

使用这种方法，您的工具栏将不会移动，并且菜单选项将始终可用，并且嵌套的滚动视图将根据需要工作。

并且如果您确定您的视图层次结构未嵌套，则最好在嵌套scrollview中使用LinearLayout