الصفحة الرئيسية>المتعلقة بالبرمجة>جافا كود المصدر
تنزيل

️ تم إهمال المشروع ️

لن تتم معالجة أية مشكلات أو طلبات السحب. يرجى النظر في تفرع نسختك الخاصة إذا كانت هناك حاجة إلى تغييرات.

قائمة المواد

تحويل قائمة Android، والرجوع، والرفض، والتحقق من الأزرار

السيطرة الكاملة على الرسوم المتحركة:

بما في ذلك في مشروعك 

compile ' com.balysv.materialmenu:material-menu:2.0.0 '

الإصدارات حتى 2.0 (مهملة)

راجع الملف التمهيدي (README) لإعداد الإصدارات الأقدم من المكتبة.

الاستخدام

MaterialMenuDrawable

استخدمه كرسم مستقل في Toolbar الخاص بك: 

 private MaterialMenuDrawable materialMenu ;

protected void onCreate ( Bundle savedInstanceState ) {
    super . onCreate ( savedInstanceState );
    setContentView ( R . layout . toolbar );
    Toolbar toolbar = ( Toolbar ) findViewById ( R . id . toolbar );
    setSupportActionBar ( toolbar );
    toolbar . setNavigationOnClickListener ( new View . OnClickListener () {
        @ Override public void onClick ( View v ) {
        // Handle your drawable state here
        materialMenu . animateState ( newState );
      }
    });
    materialMenu = new MaterialMenuDrawable ( this , Color . WHITE , Stroke . THIN );
    toolbar . setNavigationIcon ( materialMenu );
}

MaterialMenuView

View قديمة بسيطة ترسم الأيقونة وتوفر واجهة برمجة التطبيقات (API) لمعالجة حالتها. يمكنك تضمينه في أي تخطيط بما في ذلك Toolbar .

التخصيص متاح أيضًا من خلال سمات XML: 

app:mm_color="color"               // Color of drawable
app:mm_visible="boolean"           // Visible
app:mm_transformDuration="integer" // Transformation animation duration
app:mm_scale="integer"             // Scale factor of drawable
app:mm_strokeWidth="integer"       // Stroke width of icons (can only be 1, 2 or 3)
app:mm_rtlEnabled="boolean"        // Enabled RTL layout support (flips all drawables)
app:mm_iconState="enum"            // Set the intial state of the drawable (burger, arrow, x or check)

واجهة برمجة التطبيقات

هناك أربع حالات رمزية: 

 BURGER , ARROW , X , CHECK

لتحويل الحالة القابلة للرسم 

 MaterialMenu . animateIconState ( IconState state )

لتغيير الحالة القابلة للرسم بدون رسوم متحركة 

 MaterialMenu . setIconState ( IconState state )

لتحريك الرسم يدويًا (على سبيل المثال، في شريحة درج التنقل): 

 MaterialMenu . setTransformationOffset ( AnimationState state , float value )

لإخفاء أو إظهار الرسم القابل للرسم: 

 MaterialMenu . setVisible ( boolean visible )

حيث AnimationState هي واحدة من BURGER_ARROW, BURGER_X, ARROW_X, ARROW_CHECK, BURGER_CHECK, X_CHECK value تتراوح بين 0 و 2

ملاحظة: يتم حل حالة الرمز بواسطة قيمة الإزاحة الحالية. تأكد من استخدام offset بين 0 و 1 للرسوم المتحركة الأمامية و 1 و 2 للخلف لحفظ حالة الرمز بشكل صحيح عند إعادة إنشاء النشاط.

تفاعل شريحة التنقل

قم بتطبيق MaterialMenu في ActionBar الخاص بك كما هو موضح أعلاه وأضف DrawerListener مخصصًا: 

 private DrawerLayout drawerLayout ;
private boolean isDrawerOpened ;
private MaterialMenuDrawable materialMenu ;

@ Override
protected void onCreate ( Bundle savedInstanceState ) {
    super . onCreate ( savedInstanceState );
    toolbar = ( Toolbar ) findViewById ( R . id . toolbar );
    setSupportActionBar ( toolbar );
    materialMenu = new MaterialMenuDrawable ( this , Color . WHITE , Stroke . THIN );
    toolbar . setNavigationIcon ( materialMenu );

    drawerLayout = ( DrawerLayout ) findViewById ( R . id . drawer_layout );
    drawerLayout . setDrawerListener ( new DrawerLayout . SimpleDrawerListener () {
        @ Override
        public void onDrawerSlide ( View drawerView , float slideOffset ) {
            materialMenu . setTransformationOffset (
                MaterialMenuDrawable . AnimationState . BURGER_ARROW ,
                isDrawerOpened ? 2 - slideOffset : slideOffset
            );
        }

        @ Override
        public void onDrawerOpened ( View drawerView ) {
            isDrawerOpened = true ;
        }

        @ Override
        public void onDrawerClosed ( View drawerView ) {
            isDrawerOpened = false ;
        }
        
        @ Override
        public void onDrawerStateChanged ( int newState ) {
            if ( newState == DrawerLayout . STATE_IDLE ) {
                if ( isDrawerOpened ) {
                   menu . setIconState ( MaterialMenuDrawable . IconState . ARROW );
                } else {
                   menu . setIconState ( MaterialMenuDrawable . IconState . BURGER );
                }
            }
        }
    });
}

تم تطويره بواسطة

باليس فالينتوكيفيسيوس

رخصة 

 Copyright 2016 Balys Valentukevicius

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل