BottomSheet - 为什么在视图上按FAB按钮？当我再次关注地图时如何隐藏BottoSheet？

问题描述：

我有两个问题。我的想法是：BottomSheet - 为什么在视图上按FAB按钮？当我再次关注地图时如何隐藏BottoSheet？

当我点击一个googlemap的标记时，底部表格显示了标记的详细信息。

我现在有两个问题。

当上标记某次点击，bottomsheet视图向上滑动和Te屏盖一半（我想）覆盖地图，并在2个FAB按钮保持仍然在bottomsheet（我想bottomSheet他们下面）。
当bottomSheet显示时，我希望如果我点击地图，bottomSheet应该消失（它不）。

这是我的代码：

main_layout_activity.xml：

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

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

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

<fragment xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:map="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/map" 
    android:name="com.google.android.gms.maps.SupportMapFragment" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="ankic.it.nasone.NasoneActivity" /> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/floatingButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="20dp" 
     android:layout_gravity="bottom|end|right" 
     app:backgroundTint="@color/white" 
     android:layout_margin="@dimen/fab_margin" 
     app:fabSize="normal" 

     /> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fabAdd" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

     android:layout_gravity="top|end" 
     android:layout_marginBottom="85dp" 
     android:layout_marginEnd="0dp" 
     android:layout_marginLeft="0dp" 
     android:layout_marginRight="0dp" 
     android:layout_marginStart="0dp" 
     android:layout_marginTop="0dp" 
     app:layout_anchor="@id/floatingButton" 
     app:layout_anchorGravity="top" 
     app:backgroundTint="@color/white" 
     /> 


    <android.support.v4.widget.NestedScrollView 
     android:id="@+id/bottom_sheet" 
     android:layout_width="match_parent" 
     android:layout_height="350dp" 
     android:clipToPadding="true" 
     android:background="@android:color/holo_orange_light" 
     app:layout_behavior="android.support.design.widget.BottomSheetBehavior" 
     > 

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

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="This is a test dialog fragment" 
       android:textColor="@android:color/white" 
       android:textSize="16sp" 
       android:padding="16dp" 
       android:background="@android:color/holo_purple"/> 

      <ImageView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:adjustViewBounds="true" 
       android:src="@drawable/immagine_lista"/> 

     </LinearLayout> 

    </android.support.v4.widget.NestedScrollView>

MyActivity.java

个

这里的片段：

public class MyActivity extends AppCompatActivity 
{ 

    protected FloatingActionButton floatingButton; 
    private FloatingActionButton fabAdd; 
    private BottomSheetBehavior mBottomSheetBehavior; 

    ............ 



    @Override 
    protected void onCreate(Bundle savedInstanceState) { 

     ........ 

     this.floatingButton = (FloatingActionButton) findViewById(R.id.floatingButton); 
     this.fabAdd=(FloatingActionButton)findViewById(R.id.fabAdd); 
     this.cl=(CoordinatorLayout)findViewById(R.id.coordinatorLayoutNasoni) ; 


     View bottomSheet = findViewById(R.id.bottom_sheet); 
     mBottomSheetBehavior = BottomSheetBehavior.from(bottomSheet); 

    } 



    @Override 
    protected void onResume() { 
     super.onResume(); 


    } 



    @Override 
    public void onMapReady(GoogleMap googleMap) { 
     mMap = googleMap; 

     mMap.setOnMarkerClickListener(new GoogleMap.OnMarkerClickListener() { 
      @Override 
      public boolean onMarkerClick(Marker marker) { 

       mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED); 

       return false; 
      } 
     }); 
    } 

}

我应该怎么办？

答

你必须去你的mainactivity.java类，并将其添加到你的onmarkerclick方法。它为底部片的不同状态设置浮动动作按钮的行为，并且记住为两个浮动动作按钮执行这些动作按钮......在这里为其中一个按钮实施`

 // set callback for changes 
     bottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() { 
      @Override 
      public void onStateChanged(@NonNull View bottomSheet, int newState) { 

       // this part hides the button immediately and waits bottom sheet 
       // to collapse to show 
       if (BottomSheetBehavior.STATE_EXPANDED== newState) { 
        floatingButton.animate().scaleX(0).scaleY(0).setDuration(0).start(); 
        floatingButton.setVisibility(View.GONE); 
       } else if (BottomSheetBehavior.STATE_COLLAPSED == newState) { 
        floatingButton.animate().scaleX(1).scaleY(1).setDuration(0).start(); 
        floatingButton.setVisibility(View.VISIBLE); 
       } else if (BottomSheetBehavior.STATE_HIDDEN == newState) { 
        floatingButton.animate().scaleX(1).scaleY(1).setDuration(0).start(); 
        floatingButton.setVisibility(View.VISIBLE); 

       } 
      } 

      @Override 
      public void onSlide(@NonNull View bottomSheet, float slideOffset) { 
      } 
     }); 
//  Log.d(this.getClass().getSimpleName(), marker.getTitle()); 
     return true; 
    }

BottomSheet - 为什么在视图上按FAB按钮？当我再次关注地图时如何隐藏BottoSheet？

相关推荐