我是 Android 的初学者,我正在尝试实现类似于 Google 地图应用的功能。当我按下标记时,我希望在我的 SupportMapFragment
顶部显示一个包含详细信息的新片段,如下所示:
我怎样才能做到这一点?
这是那个片段的默认布局吗?
这是一个片段还是只是一个修改过的信息窗口?
答案 0 :(得分:1)
是的,您可以使用这个库轻松实现它,它在最小化和拉伸时支持 2 种布局,我在谷歌地图应用程序之后实现了类似的行为,如获取如下数据并将其设置在布局中
和示例用法是
<com.sothree.slidinguppanel.SlidingUpPanelLayout
xmlns:sothree="http://schemas.android.com/apk/res-auto"
android:id="@+id/sliding_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom"
sothree:umanoPanelHeight="68dp"
sothree:umanoShadowHeight="4dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="Main Content"
android:textSize="16sp" />
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center|top"
android:text="The Awesome Sliding Up Panel"
android:textSize="16sp" />
</com.sothree.slidinguppanel.SlidingUpPanelLayout>
答案 1 :(得分:0)
我想通了。我需要的是底部工作表对话框。这是我用来作为灵感来源的非常useful guide。
implementation 'com.google.android.material:material:1.3.0'
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_gravity="bottom">
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="Rent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
布局与底部对齐。
private void showBottomSheetDialog() {
final BottomSheetDialog bottomSheetDialog = new BottomSheetDialog(getContext());
bottomSheetDialog.setContentView(R.layout.MY_LAYOUT_NAME);
AppCompatButton btn = bottomSheetDialog.findViewById(R.id.btn_view);
bottomSheetDialog.show();
}
确保处理 MapSupportFragment 的类实现 OnMapReadyCallback
、GoogleMap.OnMarkerClickListener
和(如果您需要标记簇)ClusterManager.OnClusterItemClickListener
。覆盖必要的方法:
@Override
public boolean onMarkerClick(Marker marker) {
showBottomSheetDialog();
return false;
}
如果您需要集群,请不要忘记在@onMapReady() 中添加:
map.setOnCameraIdleListener(clusterManager);
map.setOnMarkerClickListener(clusterManager);
clusterManager.setOnClusterItemClickListener(this);
瞧!