如何在Xamarin Forms中创建卡片式ListView

Question

我正在尝试基于ahaliav fox的xaml示例在Xamarin Forms中创建基于卡片的listView。示例链接在这里，但是我离他得到的结果还差得远，我只有一个文本标签需要显示在卡片中。

以下是我的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="WebSearch.CountySelect" BackgroundColor="Gray">
  <ListView x:Name="listView">
    <ListView.ItemTemplate>
      <DataTemplate>
        <ViewCell>

          <Frame Padding="0,0,0,3">
            <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}"
                           FontFamily="OpenSans-Light"
                           FontSize="9"
                           TextColor="#69add1"/>
                  </StackLayout>

                </Frame.Content>

              </Frame>
            </Frame.Content>

          </Frame>

        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
    </ListView>
</ContentPage>

编辑：我使用框架使ListView项类似于卡片，但是标签上的文本会在一半处截断，除非我将文本大小调整为9或更小，但那太小了，有什么方法可以修复这个错误吗？

我已更新我的代码以反映我遇到的新问题。

任何帮助都将是惊人的！

- Phoneswapshop

---

你有什么问题？你实际上并没有提问，并且也没有清楚地阐述你遇到的问题。 - Jason

我更新了我的问题以反映我的问题，请查看一下 :) - Phoneswapshop

Label组件中的文本有多长？您正在测试的设备有多大？您是否尝试删除一些Padding来观察是否有所帮助？或者尝试将Label.LineBreakMode设置为WordWrap。 - hvaughan3

Answer 1

尝试将ListView.HasUnevenRows属性设置为true。

- Dean Chalk