带有工具栏的 NestedScrollView

Question

所以我为 AppTheme NoActionBar 设置了 styles.xml，因为我只希望在几个 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>

在我的 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/>

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

如果您确定您的视图层次结构没有嵌套，最好在嵌套的滚动视图中使用 LinearLayout

带有工具栏的 NestedScrollView

NestedScrollView with Toolbar

android

toolbar

scrollview

android-recyclerview