Omid Zakeri

معرفی کتابخانه ExpandableLayout

1 ارسال در این موضوع قرار دارد

کتابخانه Expandable LinearLayout  یک کتابخانه جذاب و جالب می باشد که هر سطر به صورت Expandable  دارای یک منوی باز شونده می باشد.همانطور که در زیر مشاهده می کنید:

ell.thumb.png.da7636a2458eb4a7aeb0b936dc5e48bb.png

 

 

 

قطعه کد زیر را در قسمت Dependency وارد کنید:

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

dependencies {
    compile 'com.github.iammert:ExpandableLayout:1.4.1'
}

 

 

قطعه کد زیر را در Layout خود وارد کنید:

<iammert.com.expandablelib.ExpandableLayout
    android:id="@+id/el"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:parentLayout="@layout/layout_parent"
    app:childLayout="@layout/layout_child"/>

 

 

Set renderer

expandableLayout.setRenderer(new ExpandableLayout.Renderer<FruitCategory, Fruit>() {
    @Override
    public void renderParent(View view, FruitCategory model, boolean isExpanded, int parentPosition) {
        ((TextView) view.findViewById(R.id.tvParent)).setText(model.name);
    }

    @Override
    public void renderChild(View view, Fruit model, int parentPosition, int childPosition) {
        ((TextView) view.findViewById(R.id.tvChild)).setText(model.name);
    }
});

 

 

Set listeners

expandableLayout.setExpandListener(new ExpandCollapseListener.ExpandListener<FruitCategory>() {
    @Override
    public void onExpanded(int parentIndex, FruitCategory parent, View view) {
        //Layout expanded 
    }
});

expandableLayout.setCollapseListener(new ExpandCollapseListener.CollapseListener<FruitCategory>() {
    @Override
    public void onCollapsed(int parentIndex, FruitCategory parent, View view) {
        //Layout collapsed
    }
});

 

 

Add section or children

Section<FruitCategory, Fruit> section = new Section<>();

//defaut is false
section.expanded = true;

FruitCategory fruitCategory = new FruitCategory("Fruits");
Fruit fruit1 = new Fruit("Apple");
Fruit fruit2 = new Fruit("Orange");

section.parent = fruitCategory;
section.children.add(fruit1);
section.children.add(fruit2);

expandableLayout.addSection(section);
expandableLayout.addChild(fruitCategory, new Fruit("Grape"));

 

 

Filter parent and children

//make your parent class filterable
class FruitCatefory implements Filterable{}

//make your child class filterable
class FruitCatefory implements Filterable{}
Now, you can search in parents or children. Layout will be updated automatically.

expendableLayout.filterParent("SEARCH PARAM")
//or
expendableLayout.filterChildren("SEARCH PARAM")

 

https://github.com/iammert/ExpandableLayout

 

ExpandableLayout-master.zip

1 کاربر پسند دیده است

به اشتراک گذاری این پست


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Omid Zakeri
      یک کتابخانه بسیار زیبا که جابجایی بین تب ها در فرگمنت ها را بصورت حبابی نمایش می دهد
       
       

       
       

       
      دانلود :
      compile 'com.github.florent37:bubbletab:1.0.2'  
      BubbleTab را به صورت زیر به layout.xml خود اضافه کنید
      شما میتوانید دو پارامتر زیر را اضافه کنید
      circleColor circleRatio <com.github.florent37.bubbletab.BubbleTab android:id="@+id/bubbleTab" android:layout_width="match_parent" android:layout_height="wrap_content" android:clipToPadding="false" android:background="@android:color/white" android:elevation="10dp" app:bubbleTab_circleColor="@color/colorAccent" app:bubbleTab_circleRatio="1.25" > <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:padding="16dp" android:src="@drawable/bubbletab_ic_hourglass_selector" /> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:padding="16dp" android:src="@drawable/bubbletab_ic_event_selector" /> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:padding="16dp" android:src="@drawable/bubbletab_ic_query_selector" /> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:padding="16dp" android:src="@drawable/bubbletab_ic_search_selector" /> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:padding="16dp" android:src="@drawable/bubbletab_ic_home_selector" /> </com.github.florent37.bubbletab.BubbleTab> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent"/>  
       
      سپس برای set کردن viewPager از روش زیر استفاده کنید
      bubbleTab.setupWithViewPager(viewPager);  
       
       
      پشتیبانی: BubbleTab
       
      BubbleTab-master.zip
    • توسط Omid Zakeri
      کتابخانه Material Bottom Navigation یک کتابخانه بسیار جذاب و زیبا می باشد که دارای متریال دیزاینی منحصر به فرد است که باعث می شود که شما در طراحی و بازدهی اپلیکیشن های خود یک قدم جلوتر باشید
       

       
      برای دانلود این کتابخانه در قسمت Gradle مورد زیر را اضافه کنید
      compile 'com.github.armcha:LuseenBottomNavigation:1.8.2'  
      Maven
      <dependency> <groupId>com.github.armcha</groupId> <artifactId>LuseenBottomNavigation</artifactId> <version>1.8.2</version> <type>pom</type> </dependency>  
       
      برای اضافه کردن BottomNavigationView به قسمت layout مورد زیر را اضافه کنید
      <com.luseen.luseenbottomnavigation.BottomNavigation.BottomNavigationView android:id="@+id/bottomNavigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" />  
       
       
      سپس آیتم های BottomNavigation را اضافه کنید
      BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottomNavigation); BottomNavigationItem bottomNavigationItem = new BottomNavigationItem ("Record", ContextCompat.getColor(this, R.color.firstColor), R.drawable.ic_mic_black_24dp); BottomNavigationItem bottomNavigationItem1 = new BottomNavigationItem ("Like", ContextCompat.getColor(this, R.color.secondColor), R.drawable.ic_favorite_black_24dp); bottomNavigationView.addTab(bottomNavigationItem); bottomNavigationView.addTab(bottomNavigationItem1);  
       
       
      متد OnBottomNavigationItemClickListener
      bottomNavigationView.setOnBottomNavigationItemClickListener(new OnBottomNavigationItemClickListener() { @Override public void onNavigationItemClick(int index) { Toast.makeText(MainActivity.this, "Item " +index +" clicked", Toast.LENGTH_SHORT).show(); } });  
       
       
      اگر شما از ViewPager استفاده می کنید شما میتوانید از BottomNavigationView برای تغییر color  مورد زیر را set کنید
      ContextCompat.getColor(context, R.color.firstColor) bottomNavigationView.setUpWithViewPager(yourPager , colorResources , imageResources);  
       
      شما می توانید انیمیشن اسلاید را هنگام استفاده از viewPager غیرفعال کنید
      bottomNavigationView.disableViewPagerSlide();  
       
      شما می توانید از  Bottom Navigation به صورت custom استفاده کنید:
      <com.luseen.luseenbottomnavigation.BottomNavigation.BottomNavigationView android:id="@+id/bottomNavigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" app:bnv_colored_background="true" app:bnv_with_text="false" app:bnv_shadow="true" app:bnv_tablet="false" app:bnv_viewpager_slide="true" app:bnv_active_color="@color/colorPrimary" app:bnv_active_text_size="@dimen/bottom_navigation_text_size_active" app:bnv_inactive_text_size="@dimen/bottom_navigation_text_size_inactive"/>  
       
       
      همچنین شما میتوانید با set کردن متد زیر برای حالت های تبلت استفاده کنید
      bottomNavigationView.activateTabletMode();  

       
       
      پشتیبانی LuseenBottomNavigation
       
      LuseenBottomNavigation-master.zip
    • توسط Omid Zakeri
      گاهی اوقات لازم است که در بالای ViewPager یا ListView یک نمایه را اضافه کنیم.
      DragTopLayout یک ViewGroup است که حاوی یک نمایه است یا View می باشد که به صورت زیر عمل می کند و شما می توانید این امکانات جذاب و زیبا رو به اپلیکیشن خود اضافه کنید.
       

       
       
      build.gradle
      dependencies { compile 'com.github.chenupt.android:dragtoplayout:1.2.1@aar' }  
       
      و کد زیر را به قسمت Layout o,n خود اضافه کنید:
      <github.chenupt.dragtoplayout.DragTopLayout android:layout_width="match_parent" android:layout_height="match_parent"> <!--top view--> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="vertical"> ... </LinearLayout> <!--content view--> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> ... </LinearLayout> </github.chenupt.dragtoplayout.DragTopLayout>  
       
       
      https://github.com/chenupt/DragTopLayout
       
      DragTopLayout-master.zip
    • توسط Omid Zakeri
      منوی کشویی یا همان navigation drawer یکی از امکاناتی است که اکثر توسعه دهندگان اندروید آنرا در پروژه های خود پیاده سازی می کنند.هرچند روش های مختلفی برای پیاده سازی navigation drawer وجود دارد ولی در این روش یکی از آسان ترین و سریع ترین روش پیاده سازی منوی کشویی می باشد.
       

       
       
       
      Gradle dependency
      repositories { // ... maven { url 'https://jitpack.io' } } dependencies { compile 'com.heinrichreimersoftware:material-drawer:2.3.3' }  
       در مرحله اول باید اکتیویتی مورد نظر extend  بشه از  DrawerActivity بصورت زیر :
      public class MainActivity extends DrawerActivity {}  
       
       
      تنظیمات قسمت profile
      addProfile( new DrawerProfile() .setRoundedAvatar((BitmapDrawable)getResources().getDrawable(R.drawable.profile_avatar)) .setBackground(getResources().getDrawable(R.drawable.profile_cover)) .setName(getString(R.string.profile_name)) .setDescription(getString(R.string.profile_description)) .setOnProfileClickListener(new DrawerProfile.OnProfileClickListener() { @Override public void onClick(DrawerProfile drawerProfile, long id) { Toast.makeText(MainActivity.this, "Clicked profile #" + id, Toast.LENGTH_SHORT).show(); } }) );  
       
       
       
      گروهبندی drawer list
      addItem( new DrawerItem() .setImage(getResources().getDrawable(R.drawable.ic_first_item)) .setTextPrimary(getString(R.string.title_first_item)) .setTextSecondary(getString(R.string.description_first_item)) .setOnItemClickListener(new DrawerItem.OnItemClickListener() { @Override public void onClick(DrawerItem drawerItem, long id, int position) { Toast.makeText(MainActivity.this, "Clicked first item #" + id, Toast.LENGTH_SHORT).show(); } }) ); addDivider(); addItem( new DrawerItem() .setImage(getResources().getDrawable(R.drawable.ic_second_item)) .setTextPrimary(getString(R.string.title_second_item)) .setOnItemClickListener(new DrawerItem.OnItemClickListener() { @Override public void onClick(DrawerItem drawerItem, long id, int position) { Toast.makeText(MainActivity.this, "Clicked second item #" + id, Toast.LENGTH_SHORT).show(); } }) );  
       
       
       
      قسمت زیر را به style برنامه اضافه کنید (theme)
      <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/color_primary</item> <item name="colorPrimaryDark">@color/color_primary_dark</item> <item name="colorAccent">@color/color_accent</item> <item name="actionBarStyle">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item> </style>  
       
       
       
      برای افزودن یا تغییر theme منوی کشویی از روش زیر استفاده کنید:
      setDrawerTheme( new DrawerTheme(this) .setBackgroundColorRes(R.color.background) .setTextColorPrimaryRes(R.color.primary_text) .setTextColorSecondaryRes(R.color.secondary_text) .setTextColorPrimaryInverseRes(R.color.primary_text_inverse) .setTextColorSecondaryInverseRes(R.color.secondary_text_inverse) .setHighlightColorRes(R.color.highlight) );  
       
       
      https://github.com/HeinrichReimer/material-drawer
      material-drawer-master.zip
    • توسط Omid Zakeri
      کتابخانه FlowingDrawer یک کتابخانه بسیار عالی و زیبا دارای متریال منحصر به فرد می باشد که شما میتوانید یک منوی بسیار برای اپلیکیشن خود قرار دهید
       
       

       
       
      موارد زیر را به Gradle پروژه خود اضافه کنید:
      repositories { jcenter() } dependencies { compile 'com.mxn.soul:flowingdrawer-core:2.0.0' compile 'com.nineoldandroids:library:2.4.0' }  
       
      activity_main.xml
      <com.mxn.soul.flowingdrawer_core.FlowingDrawer xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawerlayout" android:layout_width="match_parent" android:layout_height="match_parent" android:clipChildren="false" android:clipToPadding="false" app:edPosition="1" app:edMenuSize="260dp" app:edMenuBackground="#dddddd"> <!--content--> <RelativeLayout android:id="@+id/content" android:layout_width="match_parent" android:layout_height="match_parent"/> <!--menu--> <com.mxn.soul.flowingdrawer_core.FlowingMenuLayout android:id="@+id/menulayout" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:id="@+id/id_container_menu" android:layout_width="match_parent" android:layout_height="match_parent"/> </com.mxn.soul.flowingdrawer_core.FlowingMenuLayout> </com.mxn.soul.flowingdrawer_core.FlowingDrawer>  
       
      MainActivity
      mDrawer = (FlowingDrawer) findViewById(R.id.drawerlayout); mDrawer.setTouchMode(ElasticDrawer.TOUCH_MODE_BEZEL); mDrawer.setOnDrawerStateChangeListener(new ElasticDrawer.OnDrawerStateChangeListener() { @Override public void onDrawerStateChange(int oldState, int newState) { if (newState == ElasticDrawer.STATE_CLOSED) { Log.i("MainActivity", "Drawer STATE_CLOSED"); } } @Override public void onDrawerSlide(float openRatio, int offsetPixels) { Log.i("MainActivity", "openRatio=" + openRatio + " ,offsetPixels=" + offsetPixels); } });  
       
      https://github.com/mxn21/FlowingDrawer
       
      FlowingDrawer-master.zip

  • دوره آموزشی اندروید آموزش ویدئویی اندروید آموزش برنامه نویسی اندروید اندروید کاپ دوره آنلاین اندروید کتاب های آموزشی اندروید بسته آموزشی اندروید دوره برنامه نویسی اندروید آموزش Kotlin آموزش برنامه نویسی ios مهارت های فروش
    آموزش برنامه نویسی اندروید
  • فایل