android 有没有一种方法可以使视图拖动手柄

mbyulnm0  于 2023-01-11  发布在  Android
关注(0)|答案(2)|浏览(123)

我正在做一个项目,我使用GoogleMap(V2)和Recyclerview(以及一堆其他视图)。当应用程序处于纵向模式时,(顶部显示Map,下面显示Recyclerview),我希望它能够“拖动”Recyclerview和Map之间的交叉点,这样Map就可以更高/更低(Recyclerview的高度也会相应调整)。
原则上,我的布局是这样的:

<?xml version="1.0" encoding="utf-8"?>
<layout
    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">

    <androidx.appcompat.widget.LinearLayoutCompat
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@color/fragmentBackgroundColor">


        <com.google.android.material.card.MaterialCardView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:layout_margin="4dp">

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

<!-- other views in same level here , not essentially for the Q-->

                
                <com.google.android.gms.maps.MapView
                    android:id="@+id/fragment_home_map_view"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    app:liteMode="false"
                    app:mapType="hybrid" />

            </androidx.constraintlayout.widget.ConstraintLayout>


        </com.google.android.material.card.MaterialCardView>

        <include
            android:id="@+id/fragment_home_info_card_car_position"
            layout="@layout/info_card_car_position"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="4dp"
            tools:visibility="visible"
            android:visibility="visible" />

        <include
            android:id="@+id/fragment_home_filter_chips"
            layout="@layout/selection_chips"
            app:layout_constraintTop_toBottomOf="@id/fragment_home_info_card_car_position"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="4dp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginStart="4dp"
            android:layout_marginEnd="4dp"
            android:background="?android:attr/listDivider"/>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:orientation="vertical"
            android:layout_weight="1">

            <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
                android:id="@+id/fragment_home_swiper_refresh_layout"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toTopOf="@id/fragment_home_divider_2"
                android:layout_width="match_parent"
                android:layout_height="0dp">

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/fragment_home_recyclerview"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:fadeScrollbars="false"
                    android:scrollbars="vertical"
                    android:scrollbarSize="4dp"
                    android:scrollbarStyle="outsideOverlay"
                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                    tools:listitem="@layout/list_item_order_list"/>


            </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

            <View
                app:layout_constraintBottom_toTopOf="@id/fragment_home_bottom_navigation"
                android:layout_marginBottom="4dp"
                android:id="@+id/fragment_home_divider_2"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="?android:attr/listDivider"/>

            <com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/fragment_home_bottom_navigation"
                style="@style/Widget.MaterialComponents.BottomNavigationView.Colored"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:menu="@menu/bottom_navigation_view_menu"
                app:layout_constraintBottom_toBottomOf="parent"
                />

        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.appcompat.widget.LinearLayoutCompat>

</layout>

在Map和回收视图之间,有两个包含的视图可用作拖动处理程序(触摸并向上/向下拖动)。
我希望(还没有找到任何)某种手势处理程序,如果我可以围绕这两个,使他们可以拖动向上/向下和调整大小的Map和回收视图,并离开其他因为他们是(让他们调整,如果需要)。
或者你有什么其他好的建议。

mzsu5hc0

mzsu5hc01#

我建议使用BottomSheetBehaviour。只要在继承BottomSheetBehavior的Layout中包含Handle + Layout,就可以很好地工作。为此,您只需对现有代码进行很少的更改,这就是为什么我更喜欢这种方式。
第二,如果你想要高级的拖动/滑动控制手柄,滑动时扩展/收缩视图,去与MotionLayout。搜索这两个,你会找到很多答案,或者我会帮助更多。

rseugnpd

rseugnpd2#

我通过这一条找到了答案:
Android make a resizable split screen inside a contraintlayout
短期内:
1.使用GuidelineView作为拖动手柄划分布局,使用ConstraintLayout包含布局
1.用简单的View制作一个"抽屉把手"(添加背景色)
1.将准则引用到准则上方和下方的视图。
1.在代码中,侦听拖柄View的onTouchEvent
1.分别更改Guideline的百分比。
layout.xml

<layout
    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">

  <data>

  </data>

  <androidx.constraintlayout.widget.ConstraintLayout
      android:id="fragment_home_content_constraint"
      android:layout_widt="match_parent"
      amdroid:layout_height="match_parent">

<!-- I.E. A Card on top-->

      <com.google.android.material.card.MaterialCardView
          android:id="@+id/top_card"
          app:layout_constraintTop_toTopOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintBottom_toTopOf="@id/fragment_home_drag_handle"
...       >

<!-- The drag handle -->
      <View
          android:id="@+id/fragment_home_drag_handle"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintTop_toBottomOf="@id/fragment_home_map_guideline"
          android:background="?android:attr/listDivider"
...       >

<!-- The guideline -->
      <androidx.constraintlayout.widget.Guideline
            android:id="@+id/fragment_home_map_guideline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.5"
            />
<!-- I.E. A card on bottom -->

      <com.google.android.material.card.MaterialCardView
          android:id="@+id/bottom_card"
          app:layout_constraintTop_toBottomOf="@id/fragment_home_drag_handle"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintBottom_toBottomOf="parent"
...       >

               

  </androidx.constraintlayout.widget.ConstraintLayout>


</layout>

在代码中,你可以监听视图的变化。例如,绑定。

binding.fragmentHomeDragHandle?.setOnTouchListener { v, event ->

            when(event.actionMasked){
                MotionEvent.ACTION_DOWN -> return@setOnTouchListener true
                MotionEvent.ACTION_MOVE -> {

                val height = binding.fragmentHomeContentConstraint?.height?:0

                val percentage = (binding.fragmentHomeMapGuideline?.layoutParams as ConstraintLayout.LayoutParams?)?.guidePercent
                    

                    val delta = event.y / height.toFloat()

                    var newPercent = percentage?.plus(delta)

                    if((newPercent?:0.0F)<0.04F) newPercent = 0.04F //You can go to 0, but I don't want to loose my draghandle... 4% should do

                    if((newPercent?:0.0F)>0.96F) newPercent = 0.96F //Likewise above, 96% shoudl do

                    newPercent?.let{
                        binding.fragmentHomeMapGuideline?.setGuidelinePercent(it)
                    }

                    Log.i(TAG, "onViewCreated: setOnTouchListener ACTION_MOVE: percentage = $percentage event.y=${event.y}, delta = $delta, newPercent = $newPercent, event.rawY = ${event.rawY}, height = $height")
                    return@setOnTouchListener true
                }
                MotionEvent.ACTION_UP -> {
                    v.performClick()
                    return@setOnTouchListener true
                }
                else-> return@setOnTouchListener false
            }

        }

希望这能帮上忙。
(我不喜欢回答我自己的问题,但它在这里解决了)

相关问题