Xamarin表单将带有文本的图像添加到导航页面标题中

时间:2016-12-07 22:42:49

标签: xamarin xamarin.forms uinavigationbar

有谁知道是否有办法在标题栏中添加图片?因此,我希望它能够在正常的标题栏文本旁边显示图像(它是一个徽标)。我似乎只能找到显示文本的方法,我希望避免使用自定义渲染器,除非是最糟糕的情况。

这是我目前所拥有的:

enter image description here

我想在“新闻Feed”文字的左侧直接放一个小标识。

2 个答案:

答案 0 :(得分:1)

在Xamarin.Forms.NavigationPage类中使用'SetTitleIcon'方法。

public class MyPage : NavigationPage
{
    public MyPage ()
    {
        var myContentPage = new MyContentPage (Color.White);
        this.Push (myContentPage);

        var s = "icon-45.png";
        NavigationPage.SetTitleIcon (myContentPage, s);
    }
}

有关详细信息,请转到this

答案 1 :(得分:1)

我使用这两种方式之一来实现。

1.-使用NavigationPage.SetTitleIconImageSource作为Isuru答案。

2.-使用NavigationPage.TitleView(请参见下面的示例)

<NavigationPage.TitleView>
    <Grid>
          <Grid.ColumnDefinitions>
              <ColumnDefinition Width="25" />
              <ColumnDefinition Width="*" />
          </Grid.ColumnDefinitions>
          <Image Margin="10, 0, 0, 0" Source="{Binding TitleImage}" HorizontalOptions="CenterAndExpand"  HeightRequest="25" WidthRequest="25" MinimumHeightRequest="25" MinimumWidthRequest="25"  Grid.Row="0" Grid.Column="0"  />
          <Label Text="{Binding Title}" FontSize="Title" Grid.Row="0" Grid.Column="1" TextColor="White"/>
    </Grid>
</NavigationPage.TitleView>

TitleImage和Title是BindingContext模型的属性。