如何在自定义 Xamarin.Forms ViewCell 上的行之间添加分隔符空间? [英] How to add a separator space between rows on custom Xamarin.Forms ViewCell?
问题描述
在 Xamarin 论坛上的这个问题中,Craig Dunn 教授如何使用框架创建单元格.
In this question on Xamarin Forums, Craig Dunn teaches how to create a cell with frame.
我想在每个单元格之间添加一个空格.
I want to Add a space between each cell.
目前单元格似乎粘在一起,并且 ViewCell
没有空间属性.
At present the cells seems glued, and the ViewCell
doesn`t have a space property.
如何在自定义 Xamarin.Forms ViewCell 上的行之间添加分隔符空间?
How can I add a separator space between rows on custom Xamarin.Forms ViewCell?
推荐答案
您只需进一步自定义 MenuCell
的布局即可实现此目的.
You just have to customize the layout of the MenuCell
further to achieve this.
下面显示的是一个版本,它使用进一步的 Xamarin.Forms.Frame
在每个项目之间创建间距并进行其他一些修改:-
Shown below is a version that uses a further Xamarin.Forms.Frame
to create a spacing between each item with a couple other modifications:-
XAML 页面:-
<ListView x:Name="lstItems" />
XAML 代码隐藏:-
lstItems.ItemTemplate = new DataTemplate(typeof(Classes.MenuCell));
lstItems.ItemsSource = new string[] { "Apples", "Bananas", "Pears", "Oranges" };
ViewCell 类:-
public class MenuCell : ViewCell
{
public MenuCell()
{
Label objLabel = new Label
{
YAlign = TextAlignment.Center,
TextColor = Color.Yellow,
};
objLabel.SetBinding(Label.TextProperty, new Binding("."));
StackLayout objLayout = new StackLayout
{
Padding = new Thickness(20, 0, 0, 0),
Orientation = StackOrientation.Horizontal,
HorizontalOptions = LayoutOptions.StartAndExpand,
Children = { objLabel }
};
Frame objFrame_Inner = new Frame
{
Padding = new Thickness(15, 15, 15, 15),
HeightRequest = 36,
OutlineColor = Color.Accent,
BackgroundColor = Color.Blue,
Content = objLayout,
};
Frame objFrame_Outer = new Frame
{
Padding = new Thickness(0, 0, 0, 10),
Content = objFrame_Inner
};
View = objFrame_Outer;
}
}
将导致以下结果:-
这篇关于如何在自定义 Xamarin.Forms ViewCell 上的行之间添加分隔符空间?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!