Android studio viewpager github

Android studio viewpager github

Android application to Swipe views provide lateral navigation between sibling screens such as tabs with a horizontal finger gesture (a pattern sometimes known as horizontal paging) using Kotlin Programming Language.

ViewPager is most often used in conjunction with Fragment, which is a convenient way to supply and manage the lifecycle of each page. There are standard adapters implemented for using fragments with the ViewPager, which cover the most common use cases. These are FragmentPagerAdapter and FragmentStatePagerAdapter; each of these classes have simple code showing how to build a full user interface with them.

TabLayout provides a horizontal layout to display tabs. Population of the tabs to display is done through TabLayout.Tab instances. You create tabs via newTab(). From there you can change the tab’s label or icon via setText(int) and setIcon(int) respectively. To display the tab, you need to add it to the layout via one of the addTab(Tab) methods.

ViewPager 1	ViewPager 2	ViewPager 3

Like Facebook Page

About

Android application to Swipe views provide lateral navigation between sibling screens such as tabs with a horizontal finger gesture (a pattern sometimes known as horizontal paging) using Kotlin Programming Language.

Источник

Android studio viewpager github

Androidx Auto Scroll ViewPager

• ViewPager which can auto scrolling, cycling, decelerating.
• ViewPager which can be slided manually in parent ViewPager.
• ViewPager which is compatible with AndroidX library.
• ViewPager which is written in Kotlin and be supported for a long time.

Many thanks to Trinea because this library is the newest, kotlin version of his library. We support AndroidX library, so if you have problem when migrating to AndroidX, this version should work like a charm.

Add this to your root build.gradle file under repositories:

Add this to your app level build.gradle as dependency:

Latest version:

Источник

Android studio viewpager github

Various Indicator Styles and various Indicator Slide mode was supported now.It’s also support drawable indicator and custom indicator.

Attrs	CIRCLE	DASH	ROUND_RECT
NORMAL
SMOOTH
WORM
COLOR
SCALE

Method	Description	Default
setOrientation(int)	set indicator orientation,enum(INDICATOR_HORIZONTAL/INDICATOR_VERTICAL/INDICATOR_RTL)	Default value is INDICATOR_HORIZONTAL
setIndicatorStyle(Int)	set indicator style	enum(CIRCLE；DASH；ROUND_RECT) default CIRCLE
setSliderColor(normalColor: Int,selectedColor: Int)	set indicator slider color	normalColor：color of indicator dot not selected, default value «#8C6C6D72″， checkedColor：color of indicator selected default value is «#8C18171C»
setSlideMode(slideMode: Int)	set indicator slide mode	enum（NORMAL;SMOOTH;WORM;COLOR;SCALE），default value NORMAL
setSliderWidth(indicatorWidth:Int)	set indicator slider width，if it’s Circle indicator the parameter is diameter of circle	default value is 8dp
setSliderWidth(normalWidth Int , checkWidth Int)	set indicator slider width，if is circle style，the width is diameter of circle	default is 8dp
setIndicatorHeight(indicatorHeight Int)	set indicator hight，it’s only used when the indicator style is DASH or ROUND_RECT	default value is normalIndicatorWidth/2
setSliderGap(indicatorMargin Int )	set the gap of indicator slider	default value is indicator slider width（or the diameter of circle）
setupWithViewPager(ViewPager)	To link IndicatorView with ViewPager together.
setupWithViewPager(ViewPager2)	To link IndicatorView with ViewPager2 together.

Attributes	format	description
vpi_slider_checked_color	color	set slider checked color,default value is «#6C6D72»
vpi_slider_normal_color	color	set slider normal color,default value is «#8C18171C»
vpi_slider_radius	dimension	set slider radius or width. if it’s circle style the value is radius of circle,if the indicator style is DASH or ROUND_RECT the value is width/2
vpi_orientation	enum	set orientation(horizontal/vertical/rtl)
vpi_slide_mode	enum	set indicator slide mode（normal/smooth/worm/scale/color）
vpi_style	enum	set indicator slider style (circle/dash/round_rect)

Please add it in your root build.gradle at the end of repositories:

Then add the dependency in your app build.gradle

latestVersion:

Three indicator styles and five slide mode supported with IndicatorView as so far.

(1).Add IndicatorView in layout.xml

(2).Use IndicatorView with ViewPager/ViewPager2:

Or you can do like the following code:

Bitmap Drawable	Vector Drawable

You can set bitmap drawable indicator and vector drawable indicator by DrawableIndicator,also you can resize the drawable easily.

Add IndicatorView in layout.xml

Use DrawableIndicator with ViewPager/ViewPager2:

The example will implement an custom IndicatorView as the follow gif.

Custom IndicatorView Style

(1)Custom View and extends BaseIndicatorView

(2)Use custom indicator with ViewPager/ViewPager2

If you have any question regard to ViewPagerIndicator, please scan the QR code and join the QQ group to communicate.

Источник

Android studio viewpager github

Android TabLayout with ViewPager

We will introduce Google’s new TabLayout included in the support design library release for Android «M».

Add Support Library

To implement sliding tabs, make sure to add the Support Library setup instructions first. (make sure these versions have been updated.)

Sliding Tabs Layout

Add android.support.design.widget.TabLayout that will handle the different tab options, and android.support.v4.view.ViewPager component will handle the page between the various fragments we will create.

We define the XML layout( res/layout/fragment_content.xml ) for the fragment which will be displayed on screen when a particular tab is selected.

Then ContentFragment.java define the logic for the fragment of tab content.

Following, we implement the adapter for your ViewPager which controls the order of the tabs, the titles and their associated content. The most important methods to implement here are getPageTitle(int position) which is used to get the title for each tab and getItem(int position) which determines the fragment for each tab.

Setup Sliding Tabs

Finally, we need to attach our ViewPager to the PagerAdapter and then configure the sliding tabs with a two step process:

• In the onCreate() method of your activity, find the ViewPager and connect the adapter.
• Set the ViewPager on the TabLayout to connect the pager with the tabs.

Heres the output:

Customize Tab Indicator Color

Add style to styles.xml

Then override this style for your TabLayout:

Add Icons to TabLayout

Add icon resource to PagerAdapter and getPageTitle(position) method as shown in the code snippet below.

By default, the tab created by TabLayout sets the textAllCaps property to be true, which prevents ImageSpans from being rendered. You can override this behavior by changing the tabTextAppearance property.

Tabs with images:

Add Custom View to TabLayout

We will show how to custom XML layout for each tab. First, we create a template Tab(custom_tab_item.xml).

To achieve this, iterate over all the TabLayout.Tab s after attaching the sliding tabs to the pager.

Next, we add the getTabView(position) method to the PagerAdapter class.

Finally, we can setup any custom tab content for each page in the adapter.

Источник

Android studio viewpager github

A Custom ViewPager Library for Android written in Java. There is also available a Kotlin Version

• Infinite Pages (from first to last and vice versa)
• Page Indicators
• Single Page Supported

Implementation into an existing project:

1. Replace ViewPager to CustomViewPager (Java and xml)
2. Adapter:
   • Must extends to CustomPagerAdapter
   • Replace getItem(Int) to getItem(CustomIndexHelper)
   • Use CustomIndexHelper.dataPosition for data indexing, do NOT use CustomIndexHelper.pagerPosition
   • Replace getCount() to getRealCount() , do NOT use getCount()
3. See Customization for more options
4. Optional, init indicators as follows ViewPager.initIndicators()
5. Optional, Fragment must extend CustomFragment when using complex views to share data between first and last helper pages.

• Notice! Indicators requires a ConstraintLayout as CustomViewPager parent.

• Page Selection.
• AutoScroll to selected item when needed.
• Multiple indicators rows
• Customization.
  • Size.
  • Position. (x4)
  • Height Adjust Modes. (x3)
  • Max items per row.
  • Colors and/or Drawable.

Height Adjust Mode:

You can override any of the following resources as desired.

The best way to submit a patch is to send a pull request.

If you want to add new functionality, please file a new proposal issue first to make sure that it is not in progress already. If you have any questions, feel free to create a question issue.

Источник