如何在Xamarin Forms的列表视图中的多个项目中添加图像单元格

debugcn 发表于 Dev

手机店

您好，我正在使用一个在列表视图中的应用程序，当您在列表视图中点击某个项目时，它将带您进入另一个页面，我希望能够在标签内文本的左侧添加图像。但是在lisview中有多个标签，所以我如何为每个标签获取不同的图像，而我的项目中的内容文件夹中却包含这些图像

这是我的xaml：

 <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App.HomePage">
  <ListView x:Name="listView" HasUnevenRows="true"  ItemSelected="OnItemSelected">
    <ListView.ItemTemplate>
      <DataTemplate>
        <ViewCell>
          <Frame Padding="0,0,0,8" BackgroundColor="#d2d5d7">
            <Frame.Content>
              <Frame Padding="15,15,15,15"   OutlineColor="Gray" BackgroundColor="White">
                <Frame.Content>
                  <StackLayout Padding="20,0,0,0"  Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
                    <Label Text="{Binding Name}"
                           TextColor="#69add1"
                           FontFamily="OpenSans-Light"
                           FontSize="24"/>
                  </StackLayout>
                </Frame.Content>
              </Frame>
            </Frame.Content>
          </Frame>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>
</ContentPage>

这是我的代码背后：

using App.Data;
using App.Road;
using App.Plan;
using App.Radar;
using System.Collections.Generic;

using Xamarin.Forms;

namespace App
{
    public partial class HomePage : ContentPage
    {
        public HomePage()
        {
            InitializeComponent();
            var name = new List<Tools>
                {
                     new Tools("Plan and Prepare"), 
                     new Tools("Contact Local Agency"),
                     new Tools("Road Closings"),
                     new Tools("Weather Radar")
            };

            listView.ItemsSource = name;
            Content = listView;
        }

        void OnItemSelected(object sender, SelectedItemChangedEventArgs e)
        {
            var tools = e.SelectedItem as Tools;

            if (tools == null)
            {
                return;
            }

            ContentPage page = null;

            switch (tools.Name)
            {
                case "Plan and Prepare":
                    page = new PlanHome();
                    break;
                case "Contact Local Agency":
                    page = new CountySelect();
                    break;

                case "Road Closings":
                    page = new RoadHome();
                    break;

                case "Weather Radar":
                    page = new RadarHome();
                    break;

                default:
                    page = new HomePage();
                    break;
            }

            ((ListView)sender).SelectedItem = null;
            page.BindingContext = tools;
            Navigation.PushAsync(page);
        }
    }
}

任何帮助都将是惊人的！

提前致谢：）

杰费里诺

您应该使用ImageCell而不是ViewCell。

文档在这里和完整的例子在这里。

代码示例：

<ListView x:Name="list">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ImageCell 
                            Text="{Binding Name}" 
                            Detail="{Binding Position, StringFormat='{0}'}" 
                            ImageSource="{Binding Image}">
                        </ImageCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。