آموزش متریال دیزاین BottomDialog در برنامه نویسی اندروید
سلام دوستان امیدوارم حالتون خوب باشه در این سری از آموزش برنامه نویسی اندروید به آموزش متریال دیزاین BottomDialog در برنامه نویسی اندروید می پردازیم شاید سوال باشد BottomDialog دیگر چیست چون به طور معمول ما همچین چیزی در اندروید نداریم ولی با کتاب خانه می توانیم آنها را در برنامه خود پیاده سازی کنیم ابتدا بهتر است شکل کلی آن را مشاهده کنید در ادامه با ماه همراه باشید.
همانطور که مشاهده می کنید بسیاز زیبا است و کاملا متریال دیزاین شده است.
ابتدا باید وارد Build.gradle شده بخش Top Level و در قسمت repositories خط زیر را قرار دهید.
1 2 3 4 5 | repositories { maven { url "https://jitpack.io" } } |
سپس وارد فایل Build.gradle از نوع module شده و در بخش repositories خط زیر را اضافه کنید.
1 | compile 'com.github.javiersantos:BottomDialogs:1.2.1' |
سپس پروژه را sync کرده (علت خطاهای مرتبط با Gradle را قبلا بررسی کرده ایم)
سپس وارد بخش کد برنامه خود شده در جایی که می خواهید نمایش داده شود (به طور مثال با کلیک بروی دکمه) کد زیر را قرار دهید.
ساده ترین شکل آن همانند زیر ایجاد می شود.
1 2 3 4 | new BottomDialog.Builder(this) .setTitle("Programchi.ir") .setContent("SubTitle") .show(); |
از setTitle برای قرار دادن یک عنوان استفاده می شود و از setContent برای قرار دادن یک متن زیر عنوان استفاده می شود و در نهایت show هم نمایشش می دهد.
اگر می خواهید یک آیکون در آن بگذارید می توانید از کد زیر استفاده کنید.
1 2 3 4 5 | new BottomDialog.Builder(this) .setTitle("Awesome!") .setContent("What can we improve? Your feedback is always welcome.") .setIcon(R.drawable.ic_launcher) .show(); |
برای ایجاد دکمه از کد زیر استفاده کنید.
1 2 3 4 5 6 7 8 9 10 11 12 | new BottomDialog.Builder(this) .setTitle("Programchi.ir!") .setContent("Best Question and Answer Site !") .setPositiveText("Yes") .setPositiveBackgroundColorResource(R.color.colorPrimary) .setPositiveTextColorResource(android.R.color.white) .onPositive(new BottomDialog.ButtonCallback() { @Override public void onClick(BottomDialog dialog) { Log.d("BottomDialogs", "Do something!"); } }).show(); |
متن دکمه ما با setPositiveText تنظیم می شود و رنگ دکمه ما توسط ویژگی setPositiveBackgroundColorResource تغییر می کند و از setPositiveTextColorResource برای تغییر رنگ متن دکمه استفاده شده است و هر کاری که می خواهید با کلیک بروی دکمه انجام شود را در void مربوط به onClick قرار دهید.
اگر می خواهید یک دکمه دیگر اضافه شود همانند زیر عمل کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | new BottomDialog.Builder(this) .setTitle("Programchi.ir") .setContent("Best Question and Answer Site ") .setPositiveText("yes") .setPositiveBackgroundColorResource(R.color.colorPrimary) .setPositiveTextColorResource(android.R.color.white) .onPositive(new BottomDialog.ButtonCallback() { @Override public void onClick(BottomDialog dialog) { Log.d("BottomDialogs", "Do something!"); } }) .setNegativeText("No") .setNegativeTextColorResource(R.color.colorAccent) .onNegative(new BottomDialog.ButtonCallback() { @Override public void onClick(BottomDialog dialog) { Log.d("BottomDialogs", "Do something!"); }}) .show(); |
این آموزش هم به پایان رسید.
موفق باشید.
سلام
ممنونم بابت آموزش ها
لطفا اگه میشه آموزش ExpandRecyclviewهم بزارید
بسیار ممنونم