Xamarin构成Android我们如何更改选项卡式页面图标大小

时间:2017-06-09 05:43:22

标签: xaml xamarin xamarin.ios xamarin.android xamarin.forms

Xamarin构建了Android我们如何更改选项卡式页面图标大小。我有使用AppCompact主题,我想在Tabbar.axaml中增加标签页图标大小

1 个答案:

答案 0 :(得分:5)

您可以创建自定义渲染器并更改本机平台中的图标大小。实际上你可以覆盖整个标签的布局。

例如,在PCL中,首先创建一个继承自TabbedPage的类:

public class MyTabbedPage : TabbedPage
{
}

然后在Android项目中创建其渲染器,例如:

[assembly: ExportRenderer(typeof(MyTabbedPage), typeof(MyTabbedPageRenderer))]

namespace YourNameSpace.Droid
{
    public class MyTabbedPageRenderer : TabbedPageRenderer
    {
        protected override void SetTabIcon(TabLayout.Tab tab, FileImageSource icon)
        {
            base.SetTabIcon(tab, icon);

            tab.SetCustomView(Resource.Layout.mytablayout);
            var imageview = tab.CustomView.FindViewById<ImageView>(Resource.Id.icon);
            imageview.SetBackgroundDrawable(tab.Icon);
        }
    }
}

我创建的布局是这样的:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:scaleType="fitCenter"
        android:id="@+id/icon"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

如您所见,我直接在axml文件中设置了大小。

如果您想使用此自定义TabbedPage,您可以使用以下代码:

<local:MyTabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:TabbedPageForms"
             x:Class="TabbedPageForms.MainPage">

    <local:TodayPage Title="Today" Icon="hamburger.jpg" />

    <local:SchedulePage Title="Schedule" Icon="hamburger.jpg" />
</local:MyTabbedPage>

代码背后:

public partial class MainPage : MyTabbedPage
{
    public MainPage()
    {
        InitializeComponent();
    }
}