ساخت فرم ورود و ثبت نام متریال

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

[sg_popup id=1]

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

خب ابتدا کتابخانه MaterialLogin را با استفاده از خط زیر وارد پروژه کنید.

 

compile 'com.github.shem8:material-login:2.1.1'

در ادامه نیاز دارید که کتابخانه CircularReveal lib را نیز وارد کنید.


  dependencies {
        compile ('com.github.ozodrukh:CircularReveal:1.3.1@aar') {
            transitive = true;
        }
    }

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

 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent" 
android:layout_height="match_parent">

    <shem.com.materiallogin.MaterialLoginView 
android:id="@+id/login" 
android:layout_width="match_parent" 
android:layout_height="match_parent"/>
</FrameLayout>

و این هم رویداد های مربوط به عضویت و ورود که فیلد های داخل فرم و در ورودی تابع میبیند.

 


final MaterialLoginView login = (MaterialLoginView) findViewById(R.id.login);
((DefaultLoginView)login.getLoginView()).setListener(new DefaultLoginView.DefaultLoginViewListener() {
    @Override
    public void onLogin(TextInputLayout loginUser, TextInputLayout loginPass) {
        //Handle login
    }
});

((DefaultRegisterView)login.getRegisterView()).setListener(new DefaultRegisterView.DefaultRegisterViewListener() {
    @Override
    public void onRegister(TextInputLayout registerUser, TextInputLayout registerPass, TextInputLayout registerPassRep) {
        //Handle register
    }
});

اندروید

آموزش زبان کاتلین
  • نویسنده
    hesam
  • تعداد بازدید
    1,027 views
4دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید
  1. مهشید :
    ۲۴ آبان ۹۶

    اموزشتون برای تازه کار ها مناسب نیست اگر میشه کامل تر توضیح بدین این کدها این شکل رو واقعا طراحی میکنه؟.با تشکر

    • hesam :
      ۲۵ آبان ۹۶

      سلام
      بله طراحی مکنه کدوم قسمت اموزش و مشکل دارید؟

  2. رامین :
    ۰۳ دی ۹۶

    در صورت امکان فایل کتابخونه رو بزارید من با چیز شکن هم نمیتونم کتابخونه ادد کنم.

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