繁体   English   中英

Xamarin.Forms XAML - 向工具栏添加条目

[英]Xamarin.Forms XAML - Adding an Entry to a Toolbar

在我的 MasterDetail 中,我有一个简单的页面:

<ContentPage xmlns="..."  Title="Detail">
  <ContentPage.ToolbarItems>
    <ToolbarItem Text="Hi" Icon="icon"><Entry></Entry></ToolbarItem>
  </ContentPage.ToolbarItems>

我正在尝试在工具栏中添加一个条目,或者更好的自定义视图。 我将如何访问工具栏以添加这样的控件?

(基本上我需要在每个页面的工具栏上都有一个搜索文本框)

不可能使用内置的ToolbarItems集合以跨平台方式简单地执行此操作,但您可以使用自定义渲染器手动实现它。 [这篇博文] 很好地描述了它,适用于 Android 和 iOS 解决方案的链接。 UWP 的实现同样容易。

我使用此解决方案将搜索收件箱存档在页面顶部。 它不完全是工具栏项。 我只是在我想要的每个页面中隐藏工具栏。 它可能是更灵活的解决方案,因为它应该在每个平台上都能按预期工作。 如果您有工具栏项目,则无需在页面中实现工具栏项目。 我将所有内容绑定到视图模型。

它适用于 Xamarin 4.3,但稍加修改也适用于早期版本。

public SomeListPage()
{

    Shell.SetTabBarIsVisible(this, false);
    InitializeComponent();

}

这是我的完整页面。 顶部包含文本输入和搜索按钮。 然后是物品清单。 最后的奖励是圆形底部浮动按钮用作新项目插入。 对于 cicle 按钮,我使用带有加号的 fontawesome。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="Puvx.Pages.SomeListPage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    
    mc:Ignorable="d">
    <StackLayout>
        <StackLayout Orientation="Horizontal">
            <Entry Text="Search box" />
            <Button Text="Seach" />
        </StackLayout>
        <AbsoluteLayout>
            <CollectionView ItemsSource="{Binding Reviews}">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <StackLayout Padding="10" Orientation="Vertical">
                            <Label FontAttributes="Bold" Text="{Binding Nr}" />                            
                        </StackLayout>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
            <Button
                AbsoluteLayout.LayoutBounds=".95,.95,80,80"
                AbsoluteLayout.LayoutFlags="PositionProportional"
                BackgroundColor="DarkGray"
                CornerRadius="50"
                FontFamily="{StaticResource FontAwesomeSolid}"
                FontSize="Large"
                Text="&#xf067;"
                TextColor="White" />
        </AbsoluteLayout>
    </StackLayout>
</ContentPage>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM