Я пытаюсь реализовать в Android галерею сводных нижних листов, похожих на изображение ниже. Есть ли способ прикрепить несколько нижних листов к одному виду, который вы можете перемещать влево / вправо, чтобы переключаться между ними, и чтобы соседние виды выглядывали из вертикальных краев экрана?
Вы можете взять добычу в ExpandingCollection, которая может легко решить то, чего вы достигли. А также доступен как для iOS, так и для Android.
Я считаю, что это - это то, что вы ищете
Попробуй это
MapsActivity
public class MapsActivity extends FragmentActivity implements OnMapReadyCallback {
private GoogleMap mMap;
private final Integer[] IMAGES = {R.drawable.nilesh, R.drawable.nilesh, R.drawable.nilesh, R.drawable.nilesh,
R.drawable.nilesh, R.drawable.nilesh, R.drawable.nilesh, R.drawable.nilesh};
private ArrayList<Integer> arrayList = new ArrayList<Integer>();
RecyclerView myRecyclerView;
private BottomSheetBehavior bottomSheetBehavior;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_maps);
SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
.findFragmentById(R.id.map);
mapFragment.getMapAsync(this);
Collections.addAll(arrayList, IMAGES);
bottomSheetBehavior = BottomSheetBehavior.from(findViewById(R.id.bottomSheetLayout));
myRecyclerView=findViewById(R.id.myRecyclerView);
myRecyclerView.setLayoutManager(new LinearLayoutManager(this,
LinearLayoutManager.HORIZONTAL,false));
myRecyclerView.setHasFixedSize(true);
myRecyclerView.setAdapter(new DataAdapter(this,arrayList));
SnapHelper helper = new PagerSnapHelper();
helper.attachToRecyclerView(myRecyclerView);
bottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
@Override
public void onStateChanged(View bottomSheet, int newState) {
if (newState == BottomSheetBehavior.STATE_EXPANDED) {
// bottomSheetHeading.setText(getString(R.string.text_collapse_me));
} else {
// bottomSheetHeading.setText(getString(R.string.text_expand_me));
}
switch (newState) {
case BottomSheetBehavior.STATE_COLLAPSED:
Log.e("Bottom Sheet Behaviour", "STATE_COLLAPSED");
break;
case BottomSheetBehavior.STATE_DRAGGING:
Log.e("Bottom Sheet Behaviour", "STATE_DRAGGING");
break;
case BottomSheetBehavior.STATE_EXPANDED:
Log.e("Bottom Sheet Behaviour", "STATE_EXPANDED");
break;
case BottomSheetBehavior.STATE_HIDDEN:
Log.e("Bottom Sheet Behaviour", "STATE_HIDDEN");
break;
case BottomSheetBehavior.STATE_SETTLING:
Log.e("Bottom Sheet Behaviour", "STATE_SETTLING");
break;
}
}
@Override
public void onSlide(View bottomSheet, float slideOffset) {
}
});
}
@Override
public void onMapReady(GoogleMap googleMap) {
mMap = googleMap;
// Add a marker in Sydney and move the camera
LatLng sydney = new LatLng(-34, 151);
mMap.addMarker(new MarkerOptions().position(sydney).title("Marker in Sydney"));
mMap.moveCamera(CameraUpdateFactory.newLatLng(sydney));
}
}
layout.activity_maps
<?xml version = "1.0" encoding = "utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:layout_width = "match_parent"
android:layout_height = "match_parent">
<fragment
android:id = "@+id/map"
android:name = "com.google.android.gms.maps.SupportMapFragment"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
/>
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
xmlns:app = "http://schemas.android.com/apk/res-auto"
android:id = "@+id/bottomSheetLayout"
android:layout_width = "match_parent"
android:layout_height = "150dp"
android:orientation = "vertical"
android:padding = "16dp"
app:behavior_peekHeight = "60dp"
app:layout_behavior = "@string/bottom_sheet_behavior">
<android.support.v7.widget.RecyclerView
android:id = "@+id/myRecyclerView"
android:layout_width = "match_parent"
android:layout_height = "wrap_content"/>
</LinearLayout>
</android.support.design.widget.CoordinatorLayout>
DataAdapter
public class DataAdapter extends RecyclerView.Adapter<DataAdapter.ViewHolder> {
private Context context;
private ArrayList<Integer> arrayList = new ArrayList<Integer>();
public DataAdapter(Context context, ArrayList<Integer> imagesArray) {
this.context = context;
arrayList = imagesArray;
}
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View imageLayout = LayoutInflater.from(context).inflate(R.layout.aa, parent, false);
return new ViewHolder(imageLayout);
}
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
holder.imageView.setImageResource(arrayList.get(position));
}
@Override
public int getItemCount() {
return arrayList.size();
}
public class ViewHolder extends RecyclerView.ViewHolder {
CircleImageView imageView;
public ViewHolder(View itemView) {
super(itemView);
imageView = itemView
.findViewById(R.id.profile_image);
}
}
}
layout.aa
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
xmlns:app = "http://schemas.android.com/apk/res-auto"
android:layout_width = "120dp"
android:background = "@android:color/transparent"
android:layout_height = "wrap_content"
android:gravity = "center"
android:orientation = "horizontal">
<de.hdodenhof.circleimageview.CircleImageView
android:id = "@+id/profile_image"
android:layout_width = "96dp"
android:layout_height = "96dp"
android:src = "#919191"
app:civ_border_color = "#FF000000"
app:civ_border_width = "2dp" />
</LinearLayout>
OUTPUTS
STATE_COLLAPSED нижнего листа
STATE_EXPANDED нижнего листа
Короче говоря, используйте ViewPager в качестве корневого элемента вашего BottomSheetFragment и инициализируйте адаптер пейджера с getChildSupportFragmentManager(); фрагмента.
Is there any way to have multiple bottom sheets attached to one view that you can swipe
Нет необходимости добавлять несколько нижних листов, просто добавьте один BottomSheetFragment и в этом фрагменте добавьте ViewPager> в данные объявления адаптера ViewPager как ваше требование
Hear - это официальный URL-адрес сайта Android, чтобы узнать больше о нижнем листеDialogfragment, который может помочь вам https://developer.android.com/reference/android/support/design/widget/BottomSheetDialogFragment
Вот простой пример https://medium.com/@mujtahidah/bottom-sheet-dialog-fragment-android-6ac7dc36e6ac
Я надеюсь, что это помогает
Прозрачный
ViewPagerс тем же экземпляром фрагмента (который будет содержатьBottomSheetFragment). И вы должны убедиться, что нижний лист всегда открыт, чтобы не было промахов.