কোনও লাইব্রেরি ব্যবহার না করে অ্যানিমেটিং এফএবি মেনু বাস্তবায়নের জন্য বা অ্যানিমেশনগুলির জন্য বিশাল এক্সএমএল কোডটি লেখার জন্য আরও ভাল পন্থা পেয়েছি। আশা করি এটি ভবিষ্যতে এমন কারও জন্য সহায়তা করবে যার এটিকে বাস্তবায়নের জন্য সহজ পদ্ধতির প্রয়োজন।
কেবল animate().translationY()ফাংশন ব্যবহার করে, আপনি আমার নীচের কোডটিতে যে কোনও দৃশ্য আপ বা ডাউন সঞ্চারিত করতে পারেন, গিথুবটিতে সম্পূর্ণ কোডটি চেক করুন । আপনি যদি কোটলিনে একই কোডটি সন্ধান করছেন, আপনি কোটলিন কোড রেপো অ্যানিমেটিং এফএবি মেনু চেকআউট করতে পারেন ।
প্রথমে আপনার সমস্ত এফএবি একই স্থানে সংজ্ঞায়িত করুন যাতে তারা একে অপরকে ওভারল্যাপ করে, শীর্ষে एफএবি মনে রাখবেন যে আপনি ক্লিক করতে এবং অন্যকে প্রদর্শন করতে চান। উদাহরণ:
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab3"
android:layout_width="@dimen/standard_45"
android:layout_height="@dimen/standard_45"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/standard_21"
app:srcCompat="@android:drawable/ic_btn_speak_now" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab2"
android:layout_width="@dimen/standard_45"
android:layout_height="@dimen/standard_45"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/standard_21"
app:srcCompat="@android:drawable/ic_menu_camera" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab1"
android:layout_width="@dimen/standard_45"
android:layout_height="@dimen/standard_45"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/standard_21"
app:srcCompat="@android:drawable/ic_dialog_map" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:srcCompat="@android:drawable/ic_dialog_email" />
এখন আপনার জাভা ক্লাসে আপনার সমস্ত এফএবি সংজ্ঞায়িত করুন এবং নীচের মত প্রদর্শিত ক্লিক করুন:
FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab1 = (FloatingActionButton) findViewById(R.id.fab1);
fab2 = (FloatingActionButton) findViewById(R.id.fab2);
fab3 = (FloatingActionButton) findViewById(R.id.fab3);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if(!isFABOpen){
showFABMenu();
}else{
closeFABMenu();
}
}
});
ব্যবহার করুন animation().translationY()আপনার FAB অ্যানিমেট করতে, আমি আপনাকে শুধুমাত্র একটি int- এ ব্যবহার উচ্চ রেজল্যুশন বা কম রেজোলিউশনে প্রদর্শন সামঞ্জস্য প্রভাবিত হবে যেহেতু ডিপি এই পদ্ধতির বৈশিষ্ট্য ব্যবহার করতে পছন্দ করেন। নিচে দেখানো হয়েছে:
private void showFABMenu(){
isFABOpen=true;
fab1.animate().translationY(-getResources().getDimension(R.dimen.standard_55));
fab2.animate().translationY(-getResources().getDimension(R.dimen.standard_105));
fab3.animate().translationY(-getResources().getDimension(R.dimen.standard_155));
}
private void closeFABMenu(){
isFABOpen=false;
fab1.animate().translationY(0);
fab2.animate().translationY(0);
fab3.animate().translationY(0);
}
নীচে প্রদর্শিত হিসাবে পুনরায়-> মান-> dimens.xML এর ভিতরে উল্লিখিত মাত্রাটি সংজ্ঞায়িত করুন:
<dimen name="standard_55">55dp</dimen>
<dimen name="standard_105">105dp</dimen>
<dimen name="standard_155">155dp</dimen>
এগুলি সমস্তই আশা করে যে এই সমাধান ভবিষ্যতে লোকদের সহায়তা করবে, যারা সহজ সমাধানের সন্ধান করছেন।
সম্পাদিত
আপনি যদি এফএবির উপর লেবেল যুক্ত করতে চান তবে কেবল একটি অনুভূমিক লিনিয়ারলআউটটি নিন এবং লেবেল হিসাবে পাঠ্যদর্শন দিয়ে এফএবি রাখুন এবং লেআউটগুলি অ্যানিমেট করে যদি কোনও সমস্যা দেখা দেয় তবে আপনি গিথুবে আমার নমুনা কোডটি পরীক্ষা করতে পারেন, আমি সমস্ত পশ্চাদপটে সামঞ্জস্যতা পরিচালনা করেছি যে নমুনা কোড সমস্যা। গিথুবে FABMenu এর জন্য আমার নমুনা কোডটি পরীক্ষা করুন
ব্যাকপ্রেসে এফএবি বন্ধ করতে, নীচে প্রদর্শিত হিসাবে ব্যাকপ্রেস () টি ওভাররাইড করুন:
@Override
public void onBackPressed() {
if(!isFABOpen){
this.super.onBackPressed();
}else{
closeFABMenu();
}
}
স্ক্রিনশটটির শিরোনামটিও এফএবির সাথে রয়েছে, কারণ আমি এটি আমার নমুনা অ্যাপ্লিকেশনটি ইঙ্গিথব থেকে নিয়েছি
