Last active
June 15, 2024 11:13
-
-
Save martijn00/23b00172af9e2c798f3d to your computer and use it in GitHub Desktop.
Android v22.2 Tabs and ViewPager in MvvmCross
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="utf-8"?> | |
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" | |
xmlns:app="http://schemas.android.com/apk/res-auto" | |
android:id="@+id/main_content" | |
android:layout_width="match_parent" | |
android:layout_height="match_parent"> | |
<android.support.design.widget.AppBarLayout | |
android:id="@+id/appbar" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> | |
<android.support.v7.widget.Toolbar | |
android:id="@+id/toolbar" | |
android:layout_width="match_parent" | |
android:layout_height="?attr/actionBarSize" | |
android:background="?attr/colorPrimary" | |
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" | |
app:layout_scrollFlags="scroll|enterAlways" /> | |
<android.support.design.widget.TabLayout | |
android:id="@+id/tabs" | |
android:layout_width="match_parent" | |
android:layout_height="wrap_content" | |
android:paddingLeft="16dp" | |
app:tabGravity="center" | |
app:tabMode="scrollable" /> | |
</android.support.design.widget.AppBarLayout> | |
<android.support.v4.view.ViewPager | |
android:id="@+id/viewpager" | |
android:layout_width="match_parent" | |
android:layout_height="fill_parent" | |
app:layout_behavior="@string/appbar_scrolling_view_behavior" /> | |
</android.support.design.widget.CoordinatorLayout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public class SomeFragment : MvxFragment<SomeViewModel> | |
{ | |
public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) | |
{ | |
var view = base.OnCreateView(inflater, container, savedInstanceState); | |
var viewPager = view.FindViewById<Android.Support.V4.View.ViewPager>(Resource.Id.viewpager); | |
if (viewPager != null) | |
{ | |
var fragments = new List<MvxViewPagerFragmentAdapter.FragmentInfo> | |
{ | |
new MvxViewPagerFragmentAdapter.FragmentInfo | |
{ | |
FragmentType = typeof(SomeFragment1), | |
Title = "", | |
ViewModel = ViewModel.ViewModelSomething1 | |
}, | |
new MvxViewPagerFragmentAdapter.FragmentInfo | |
{ | |
FragmentType = typeof(SomeFragment2), | |
Title = ViewModel.ViewModelPopular.TextSource.GetText("Title"), | |
ViewModel = ViewModel.ViewModelSomething2 | |
}, | |
new MvxViewPagerFragmentAdapter.FragmentInfo | |
{ | |
FragmentType = typeof(SomeFragment3), | |
Title = ViewModel.ViewModelContributors.TextSource.GetText("Title"), | |
ViewModel = ViewModel.ViewModelSomething3 | |
} | |
}; | |
viewPager.Adapter = new MvxViewPagerFragmentAdapter(Activity, ChildFragmentManager, fragments); | |
} | |
var tabLayout = view.FindViewById<TabLayout>(Resource.Id.tabs); | |
tabLayout.SetupWithViewPager(viewPager); | |
return view; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public class MvxFragmentStatePagerAdapter | |
: FragmentStatePagerAdapter | |
{ | |
private readonly Context _context; | |
public IEnumerable<FragmentInfo> Fragments { get; private set; } | |
public override int Count | |
{ | |
get { return Fragments.Count(); } | |
} | |
protected MvxFragmentStatePagerAdapter(IntPtr javaReference, JniHandleOwnership transfer) | |
: base(javaReference, transfer) | |
{ | |
} | |
public MvxFragmentStatePagerAdapter( | |
Context context, FragmentManager fragmentManager, IEnumerable<FragmentInfo> fragments) | |
: base(fragmentManager) | |
{ | |
_context = context; | |
Fragments = fragments; | |
} | |
public override Fragment GetItem(int position) | |
{ | |
var fragmentInfo = Fragments.ElementAt(position); | |
var fragment = Fragment.Instantiate(_context, | |
FragmentJavaName(fragmentInfo.FragmentType)); | |
((MvxFragment)fragment).ViewModel = fragmentInfo.ViewModel; | |
return fragment; | |
} | |
protected static string FragmentJavaName(Type fragmentType) | |
{ | |
var namespaceText = fragmentType.Namespace ?? ""; | |
if (namespaceText.Length > 0) | |
namespaceText = namespaceText.ToLowerInvariant() + "."; | |
return namespaceText + fragmentType.Name; | |
} | |
public override ICharSequence GetPageTitleFormatted(int position) | |
{ | |
return new Java.Lang.String(Fragments.ElementAt(position).Title); | |
} | |
public class FragmentInfo | |
{ | |
public string Title { get; set; } | |
public Type FragmentType { get; set; } | |
public IMvxViewModel ViewModel { get; set; } | |
} | |
} |
I really sorry, i'm new in mvvmcross and i need to use a tablayout with a viewpager, the quantity of tab is depends of the quantity of object in a list, i tried to use this solution but i don't know how to call the SomeFragment class in the main activity to build the tab and viewpager elements, some idea ?
@shahid-pk I am also getting the same error
Android.Support.V4.App.Fragment+InstantiationException: Unable to instantiate fragment .....: make sure class name exists, is public, and has an empty constructor that is public
Did you manage to solve the issue?
Edit
solution is to change the FragmentJavaName
method to:
protected static string FragmentJavaName(Type fragmentType)
{
return Java.Lang.Class.FromType(fragmentType).Name;
}
Why isn't MvxFragmentStatePagerAdapter include in MvvmCross library?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Binding is not working for ViewPager's fragment....