Question

我一直在看MvvmCross（https://github.com/MvvmCross/MvvmCross/tree/develop/Projects/Playground）上的Playground项目

将片段加载到选项卡中的方法是通过以下方式设置属性：

[MvxTabLayoutPresentation(TabLayoutResourceId = Resource.Id.tabs, ViewPagerResourceId = Resource.Id.viewpager, Title = "Tab 1", ActivityHostViewModelType = typeof(TabsRootViewModel))]
[MvxTabLayoutPresentation(TabLayoutResourceId = Resource.Id.tabs, ViewPagerResourceId = Resource.Id.viewpager, Title = "Tab 1", FragmentHostViewType = typeof(TabsRootBView))]
[Register(nameof(Tab1View))]
public class Tab1View : MvxFragment<Tab1ViewModel>

我的问题是，除了可以在MvxTabLayoutPresentation上指定的标题外，如何为每个选项卡添加图标？

Answer 1

这不是现成可用的，而是更多关于TabLayout定制的信息。

您可以这样实现。

为您的标签布局项目myCustomTab.axml创建CustomView：

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/txtTab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:textColor="#FFFFFF"
    android:textSize="12"
    android:textStyle="bold" />

然后在您拥有TabLayout的视图中，您可以在OnCreate / OnCreateView上对其进行配置：

var tabLayout = view.FindViewById<TabLayout>(Resource.Id.tabs);
var customTab = inflater.Inflate(Resource.Layout.myCustomTab, null);
customTab.Text = "MyText";
// this sets the icon above the text
customTab.SetCompoundDrawablesWithIntrinsicBounds(0, Resource.Drawable.my_icon, 0, 0);
tabLayout.GetTabAt(0).SetCustomView(customTab);

显然，您必须执行的次数与标签布局项的次数相同。

此外，您还可以将任何自定义项添加到标签布局项。

来源（使用Java）：https://mobikul.com/make-custom-tabs-icons-android/

HIH

使用MvvmCross将图标添加到TabLayout

1 个答案: