आप नीचे की शीट की अटकलों को कैसे लागू करते हैं? http://www.google.com/design/spec/compenders/bottom-sheets.html
Google ड्राइव का नया अपडेट फ़्लोटिंग एक्शन बटन प्रेस -> के साथ दिखाता है
दी गई ऐनक कभी भी गोल कोनों के बारे में कुछ भी नहीं कहती है, भले ही यह करना संभव है, बस अनिश्चित है कि इसके बारे में कैसे जाना जाए। वर्तमान में AppCompat पुस्तकालय और लक्ष्य 21 का उपयोग कर।
धन्यवाद
जवाबों:
BottomSheetअब का हिस्सा है android-support-library। जॉन शेल्लेस का जवाब देखें ।
दुर्भाग्य से वर्तमान में ऐसा करने का कोई "आधिकारिक" तरीका नहीं है (कम से कम कोई भी जो मुझे पता नहीं है)।
सौभाग्य से "बॉटमशीट" (क्लिक) नामक एक पुस्तकालय है जो BottomSheetएंड्रॉइड 2.1 और ऊपर के समर्थन को देखने और महसूस करने की नकल करता है।
ड्राइव ऐप के मामले में, यहां इस लाइब्रेरी के साथ कोड कैसा दिखेगा:
new BottomSheet.Builder(this, R.style.BottomSheet_Dialog)
.title("New")
.grid() // <-- important part
.sheet(R.menu.menu_bottom_sheet)
.listener(new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO
}
}).show();
menu_bottom_sheet (मूल रूप से एक मानक /res/menu/*.xml संसाधन)
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/folder"
android:title="Folder"
android:icon="@drawable/ic_action_folder" />
<item
android:id="@+id/upload"
android:title="Upload"
android:icon="@drawable/ic_action_file_upload" />
<item
android:id="@+id/scan"
android:title="Scan"
android:icon="@drawable/ic_action_camera_alt" />
</menu>
आउटपुट इस तरह दिखता है:
जो, मुझे लगता है, मूल के बहुत करीब आता है। यदि आप उन रंगों से खुश नहीं हैं जिन्हें आप इसे अनुकूलित कर सकते हैं - इसे देखें (क्लिक करें) ।
getShareActionsसभी संभव साझाकरण विकल्प प्राप्त करने के लिए विधि में कोड का पुन: उपयोग करना समाप्त कर दिया । Btw, .limit(R.integer.num_share_actions)बिल्डर पर कॉल करने के लिए भी उपयोगी है जब तक कि आप पूरी स्क्रीन को कवर करने के लिए शीट नहीं चाहते हैं
मेरे स्वयं के प्रश्न का उत्तर देते हुए, डेवलपर्स को पता है कि नया समर्थन पुस्तकालय इसे अंत में प्रदान करता है! सभी शक्तिशाली Google की जय हो!
Android डेवलपर के ब्लॉग से एक उदाहरण :
// The View with the BottomSheetBehavior
View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);
BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);
behavior.setBottomSheetCallback(new BottomSheetCallback() {
@Override
public void onStateChanged(@NonNull View bottomSheet, int newState) {
// React to state change
}
@Override
public void onSlide(@NonNull View bottomSheet, float slideOffset) {
// React to dragging events
}
});
@ ऊपर दिए गए उत्तर का उत्तर अभी भी एक वैध विकल्प है लेकिन यह जानकर अच्छा लगता है कि एक मानक है जो Google भी समर्थन करता है।
ब्लॉग पोस्ट के बाद: http://android-developers.blogspot.com/2016/02/android-support-library-232.html
मेरा एक्सएमएल इस तरह से समाप्त हो गया:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/coordinator_layout"
xmlns:app="http://schemas.android.com/apk/res-auto">
<LinearLayout
android:id="@+id/bottom_sheet"
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="horizontal"
app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
<ImageView
android:src="@android:drawable/ic_input_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</android.support.design.widget.CoordinatorLayout>
और मेरे टुकड़े के onCreateView में:
coordinatorLayout = (CoordinatorLayout)v.findViewById(R.id.coordinator_layout);
View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);
BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);
behavior.setPeekHeight(100);
behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
@Override
public void onStateChanged(@NonNull View bottomSheet, int newState) {
// React to state change
}
@Override
public void onSlide(@NonNull View bottomSheet, float slideOffset) {
// React to dragging events
}
});
सेटपेकहाइट का डिफ़ॉल्ट 0 है, इसलिए यदि आप इसे सेट नहीं करते हैं, तो आप अपना दृश्य नहीं देख पाएंगे।
com.google.android.material.bottomsheet.BottomSheetBehavior
अब आप BottomSheetBehaviorAndroid समर्थन लाइब्रेरी 23.2 से आधिकारिक एपीआई का उपयोग कर सकते हैं ।
नीचे नमूना कोड स्निपेट है
bottomSheetBehavior = BottomSheetBehavior.from(findViewById(R.id.bottomSheet));
case R.id.expandBottomSheetButton:
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
break;
case R.id.collapseBottomSheetButton:
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
break;
case R.id.hideBottomSheetButton:
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
break;
case R.id.showBottomSheetDialogButton:
new MyBottomSheetDialogFragment().show(getSupportFragmentManager(), "sample");
कृपया इस पर समझ पाने के लिए एंड्रॉइड बॉटमशीट यूट्यूब ट्यूटोरियल देखें ।
मैं एक सीधे कोनों के साथ जाऊंगा क्योंकि यह दिशानिर्देशों में है। कार्यान्वयन के लिए - शायद इस परियोजना से विचार का उपयोग करना सबसे अच्छा है: https://github.com/umano/AndroidSlidingUpPanel
मुझे लगता है कि आप इसका उपयोग कर सकते हैं जैसा कि यह है या कार्यान्वयन के लिए विचार करें। इसी तरह के स्लाइडिंग पैनल को कैसे लागू किया जाए, इस बारे में एक और बढ़िया लेख यहां पाया जा सकता है: http://blog.neteril.org/blog/2013/10/10/framelayout-your-best-ui-friend/
Google ने हाल ही में एंड्रॉइड सपोर्ट लाइब्रेरी 23.2 जारी की जो आधिकारिक तौर पर एंड्रॉइड डिज़ाइन सपोर्ट लाइब्रेरी के लिए नीचे की शीट लाता है ।