إن إنشاء شريط أدوات مخصص في تطبيق Android يعد خطوة مهمة لتخصيص تجربة المستخدم وجعل التطبيق يبدو ويعمل بالشكل الذي ترغب فيه. في هذا السياق، سأوضح لك كيفية إنشاء شريط أدوات مخصص يشبه الصورة التي قدمتها.
أولاً، لنبدأ بإعداد تخطيط XML لشريط الأدوات المخصص. يمكنك إنشاء ملف XML جديد في مجلد الموارد الخاص بالتخطيطات (layout) وتسميته على سبيل المثال “custom_toolbar.xml”.
xml"1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/custom_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary">
<ImageButton
android:id="@+id/btn_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:background="?attr/selectableItemBackgroundBorderless"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:src="@drawable/ic_back" />
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="Title"
android:textColor="@color/white"
android:textSize="20sp" />
<ImageButton
android:id="@+id/btn_save"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end"
android:background="?attr/selectableItemBackgroundBorderless"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:src="@drawable/ic_save" />
androidx.appcompat.widget.Toolbar>
ثانياً، في نشاطك (Activity)، يمكنك استخدام هذا التخطيط كشريط أدوات لتحقيق المظهر المطلوب. في طريقة onCreate()، يمكنك استخدامه كالتالي:
java@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// استدعاء شريط الأدوات المخصص
Toolbar toolbar = findViewById(R.id.custom_toolbar);
setSupportActionBar(toolbar);
// تعيين عنوان الشريط
TextView title = findViewById(R.id.tv_title);
title.setText("عنوان التطبيق");
// إضافة مستمع للزر الرجوع
ImageButton backButton = findViewById(R.id.btn_back);
backButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
onBackPressed();
}
});
// إضافة مستمع لزر الحفظ
ImageButton saveButton = findViewById(R.id.btn_save);
saveButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// إضافة السلوك الذي تريده عند النقر على زر الحفظ هنا
}
});
}
بهذه الطريقة، يمكنك الآن إنشاء شريط أدوات مخصص في تطبيقك بشكل يشبه الصورة التي قدمتها، مما يتيح للمستخدمين تجربة مريحة ومتكاملة مع تطبيقك.
المزيد من المعلومات
بالطبع، سنكمل المقال لتشمل بعض النقاط الإضافية والتوجيهات لتخصيص المزيد من الخيارات في شريط الأدوات.
إضافة أيقونات مخصصة:
إذا كنت ترغب في استخدام أيقونات مخصصة للزر الرجوع وزر الحفظ، يمكنك إنشاء ملفات موارد (Resources) للأيقونات الخاصة بك واستخدامها في XML كما قمنا في الشريط المخصص.
تحديد سلوك زر الحفظ:
في الكود الذي قمنا بتقديمه، يمكنك استبدال التعليمات الموجودة في مستمع الحدث لزر الحفظ بالسلوك الذي تريده عند النقر على الزر، مثل حفظ البيانات أو إرسالها إلى الخادم أو أي سلوك آخر يناسب تطبيقك.
تخصيص مظهر الشريط:
يمكنك أيضًا تخصيص مظهر شريط الأدوات بشكل أكبر من خلال استخدام موارد الستايل (styles) وتعريف أشكال مخصصة للخلفية والألوان والخطوط.
دعم اللغات المتعددة:
إذا كنت ترغب في دعم اللغات المتعددة في تطبيقك، يمكنك استخدام ملفات قوائم الموارد (Resource files) المتعددة لتوفير نصوص مختلفة لعناصر واجهة المستخدم مثل العنوان والزر وغيرها.
إضافة مزيد من العناصر:
يمكنك أيضًا إضافة المزيد من العناصر إلى شريط الأدوات مثل أزرار القائمة أو حقول البحث حسب احتياجات تطبيقك.
باستخدام هذه الإرشادات، يمكنك تخصيص وإنشاء شريط أدوات مخصص في تطبيق Android الخاص بك بالطريقة التي تناسب احتياجاتك وتوجهات تصميمك. تذكر دائمًا أن تأخذ في الاعتبار تجربة المستخدم وتسهيل استخدام التطبيق عند تنفيذ التخصيصات.
