ساخت صفحه خوش آمد گویی Intro

دسته‌بندی:
5 دیدگاه

استفاده از صفحه های خوش آمدگویی یا به اصطلاح اسلایدر هایی که در ابتدای برنامه قرار میگیرد روشی رایج است که با این کار می تونید اطلاعات مختصری درباره اپلیکیشن و نحوه کار آن را به خوانندگان نمایش دهید. امروز با معرفی یک کتابخونه خیلی جالب میخواهیم اسلایدر Intro ایی به سبک محبوب متریال دیزاین طراحی کنیم.

کد زیر را در گریدل وارد کنید.

 

compile 'agency.tango.android:material-intro-screen:{latest_release}'

همچنین کلاس شما باید از MaterialIntroActivity مشتق شود یعنی بصورت زیر:


public class IntroActivity extends MaterialIntroActivity

قدم بعدی باید تم خود را در مانیفست تعریف کنیم.


    <activity android:name=".IntroActivity" android:theme="@style/Theme.Intro" />

و حالا برای اضافه کردن اسلایدر کد زیر را استفاده می کنیم.


 @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        addSlide(new SlideFragmentBuilder()
                .backgroundColor(R.color.colorPrimary)
                .buttonsColor(R.color.colorAccent)
                .possiblePermissions(new String[]{Manifest.permission.CALL_PHONE, Manifest.permission.READ_SMS})
                .neededPermissions(new String[]{Manifest.permission.CAMERA, Manifest.permission.ACCESS_FINE_LOCATION, Manifest.permission.ACCESS_COARSE_LOCATION})
                .image(agency.tango.materialintroscreen.R.drawable.ic_next)
                .title("title 3")
                .description("Description 3")
                .build(),
                new MessageButtonBehaviour(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        showMessage("We provide solutions to make you love your work");
                    }
                }, "Work with love"));
}

همچنین می تونید از انیمیشن هم استفاده کنید.

getBackButtonTranslationWrapper()
                .setEnterTranslation(new IViewTranslation() {
                    @Override
                    public void translate(View view, @FloatRange(from = 0, to = 1.0) float percentage) {
                        view.setAlpha(percentage);
                    }
                });

برای مطالعه بیشتر میتونید از لینک زیر استفاده کنید.
https://github.com/TangoAgency/material-intro-screen/

متریال دیزاین

آموزش زبان کاتلین
  • نویسنده
    hesam
  • تعداد بازدید
    1,345 views
5دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید
  1. کیان :
    ۰۹ دی ۹۵

    سلام
    چرا کتابخونه وارد نمیشه error میده
    Error:(26, 13) Failed to resolve: agency.tango.android:material-intro-screen:{latest_release}

    • hesam :
      ۰۹ دی ۹۵

      از فیل تر شکن سالمی استفاده کردید؟

  2. توحید :
    ۱۰ دی ۹۵

    با سلام اگه امکانش هست قدم به قدم توضیح بدید که ما مبتدی ها هم حالیمون بشه و از آموزشایه ارزنده شما بسیار مچکرم لطفا کامل و قدم به قدم بگید که چه کنیم من به این اسپلش اسکرین نیاز شدید دارم و نزدیک ترین آموزش به اون چیزی که میخوام و عالی هست همین آموزش شماست

    • hesam :
      ۱۰ دی ۹۵

      سلام
      دوست عزیز تو کدوم قسمت مشکل دارید بگید یکبار دیگه توضیح بدم
      همچنین میتونید از لینک زیر پروژه و دانلود کنید و اجرا کنید با بخش های مختلفش آشنا بشید
      https://github.com/TangoAgency/material-intro-screen/

  3. سلام خسته نباشید اگه امکانش هست برای ماها که مبتدی هستیم از اول پروژه که باید چیکارکنیم توضیح بدید ممنون میشم

نوشته‌های ویژه
اخبار ویژه