ToDoList

قائمة المهام

العرض التجريبي المباشر على appetize.io

تحقق من هذا المشروع على dribbble

اقرأ كيف فعلنا ذلك على مدونتنا

##متطلبات

• أندرويد إس دي كيه 16+

##الاستخدام

أضف إلى build.gradle الجذر الخاص بك:

allprojects {
	repositories {
	.. .
	maven { url " https://jitpack.io " }
	}
}

أضف التبعية:

dependencies {
	compile ' com.github.yalantis:todolist:v1.0.1 '
}

كيفية استخدام هذه المكتبة

أضف BatRecyclerView إلى تخطيط XML الخاص بك

<? xml version = " 1.0 " encoding = " utf-8 " ?>
< LinearLayout xmlns : android = " http://schemas.android.com/apk/res/android "
    xmlns : app = " http://schemas.android.com/apk/res-auto "
    android : id = " @+id/root "
    android : layout_width = " match_parent "
    android : layout_height = " match_parent "
    android : background = " @drawable/gradient "
    android : orientation = " vertical " >

    < android .support.v7.widget.Toolbar
        android : id = " @+id/toolbar "
        android : layout_width = " match_parent "
        android : layout_height = " ?android:attr/actionBarSize "
        android : background = " @android:color/transparent "
        app : logo = " @drawable/ic_menu " >

        < TextView
            android : id = " @+id/text_title "
            android : layout_width = " wrap_content "
            android : layout_height = " wrap_content "
            android : layout_gravity = " center "
            android : text = " 14 Feb, 2016 "
            android : textColor = " @android:color/white "
            android : textSize = " 20sp " />

    </ android .support.v7.widget.Toolbar>

    < com .yalantis.beamazingtoday.ui.widget.BatRecyclerView
        android : id = " @+id/bat_recycler_view "
        android : layout_width = " match_parent "
        android : layout_height = " match_parent "
        android : layout_gravity = " center_horizontal "
        app : add_button_color = " @drawable/selector_button_add "
        app : hint = " @string/str_add_goal "
        app : radio_button_res = " @drawable/selector_radio_button " />

</ LinearLayout >

إنشاء BatListener

 private BatListener mListener = new BatListener () {
        @ Override
        public void add ( String string ) {
            mGoals . add ( 0 , new Goal ( string ));
            mAdapter . notify ( AnimationType . ADD , 0 );
        }

        @ Override
        public void delete ( int position ) {
            mGoals . remove ( position );
            mAdapter . notify ( AnimationType . REMOVE , position );
        }

        @ Override
        public void move ( int from , int to ) {
            if ( from >= 0 && to >= 0 ) {
                
                //if you use 'BatItemAnimator'
                mAnimator . setPosition ( to );
                
                BatModel model = mGoals . get ( from );
                mGoals . remove ( model );
                mGoals . add ( to , model );
                mAdapter . notify ( AnimationType . MOVE , from , to );

                if ( from == 0 || to == 0 ) {
                    mRecyclerView . getView (). scrollToPosition ( Math . min ( from , to ));
                }
            }
        }
    };

إنشاء BatAdapter . قم بالتمرير إلى قائمة منشئ النماذج و BatListener . لاحظ أن النموذج الخاص بك يجب أن يطبق واجهة BatModel

 mAdapter = new BatAdapter ( mGoals = new ArrayList < BatModel >() {{
      add ( new Goal ( "first" ));
      add ( new Goal ( "second" ));
      add ( new Goal ( "third" ));
      add ( new Goal ( "fourth" ));
      add ( new Goal ( "fifth" ));
      add ( new Goal ( "sixth" ));
      add ( new Goal ( "seventh" ));
      add ( new Goal ( "eighth" ));
      add ( new Goal ( "ninth" ));
      add ( new Goal ( "tenth" ));
}}, mListener );
        
mAdapter . setOnItemClickListener ( new OnItemClickListener () {
      @ Override
      public void onClick ( BatModel item , int position ) {
            Toast . makeText ( ExampleActivity . this , item . getText (), Toast . LENGTH_SHORT ). show ();
      }
});

قم بتهيئة عرض إعادة التدوير الخاص بك

 mRecyclerView . getView (). setLayoutManager ( new LinearLayoutManager ( this ));
mRecyclerView . getView (). setAdapter ( mAdapter );

ItemTouchHelper itemTouchHelper = new ItemTouchHelper ( new BatCallback ( this ));
itemTouchHelper . attachToRecyclerView ( mRecyclerView . getView ());
mRecyclerView . setAddItemListener ( mListener );

إضافي

يمكنك استخدام BatItemAnimator لتحريك عناصر القائمة تمامًا كما في العرض التوضيحي الخاص بنا:

 mAnimator = new BatItemAnimator ();
mAdapter = new BatAdapter ( mGoals = new ArrayList < BatModel >() {{
            add ( new Goal ( "first" ));
            add ( new Goal ( "second" ));
            add ( new Goal ( "third" ));
            add ( new Goal ( "fourth" ));
            add ( new Goal ( "fifth" ));
            add ( new Goal ( "sixth" ));
            add ( new Goal ( "seventh" ));
            add ( new Goal ( "eighth" ));
            add ( new Goal ( "ninth" ));
            add ( new Goal ( "tenth" ));
}}, mListener , mAnimator );
mRecyclerView . getView (). setItemAnimator ( mAnimator );

تحتاج إلى تمرير مثيل الرسوم المتحركة إلى BatRecyclerView وإلى BatAdapter . من الضروري أيضًا تمرير موضع العنصر المنقول في رد الاتصال move() :

 @ Override
public void move ( int from , int to ) {
     if ( from >= 0 && to >= 0 ) {
           mAnimator . setPosition ( to );
           BatModel model = mGoals . get ( from );
           mGoals . remove ( model );
           mGoals . add ( to , model );
           mAdapter . notify ( AnimationType . MOVE , from , to );

           if ( from == 0 || to == 0 ) {
                 mRecyclerView . getView (). scrollToPosition ( Math . min ( from , to ));
           }
     }
}

لمزيد من أمثلة الاستخدام، يرجى مراجعة نموذج التطبيق

سجل التغيير

الإصدار: 1.0.1

• المؤشر ثابت.
• تمت إضافة سمة cursor_drawable وطريقة setCursorDrawable(@DrawableRes int res) . يجب استخدامه بدلاً من سمة cursor_color وطريقة setCursorColor(@ColorInt int color) على التوالي

اسمحوا لنا أن نعرف!

سنكون سعداء حقًا إذا تمكنت من إرسال روابط لمشاريعك التي تستخدم فيها المكون الخاص بنا. فقط أرسل بريدًا إلكترونيًا إلى [email protected] وأخبرنا إذا كان لديك أي أسئلة أو اقتراحات بخصوص الرسوم المتحركة.

ملاحظة: سنقوم بنشر المزيد من الروعة المغلفة في التعليمات البرمجية وبرنامج تعليمي حول كيفية جعل واجهة المستخدم لنظام التشغيل iOS (Android) أفضل من الأفضل. ابقوا متابعين!

رخصة

 The MIT License (MIT)

Copyright © 2017 Yalantis, https://yalantis.com

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.