如何设置TextColor Xamarin.TableSection形式

Question

我是一个尽可能在xaml中做的粉丝，我有tableview '与一个TableSection。

<TableView Intent="Menu">
     <TableRoot>
          <TableSection Title="Test Section" TextColor="#FFFFFF">
                <TextCell Text="Test Item" TextColor="#FFFFFF"/>
          </TableSection>
     </TableRoot>
</TableView>

对于TextCell TextColor="#FFFFFF"似乎工作，但是每当我在一个表节上使用这个属性时，我得到这个:

An unhandled exception occurred.

是可能的改变颜色的TableSection与xaml?

Answer 1

自定义渲染器!我有两篇关于这个的博文:

Android: Xamarin的。Forms TableView Section Custom Header on Android

iOS: Xamarin的。Forms TableView Section Custom Header on iOS

基本上，创建继承TableView的自定义视图，然后创建实现自定义TableViewModelRenderer的自定义渲染器。从那里，你可以重写方法来获取section标题的标题视图。

这是Android上可能的样子:

public class ColoredTableViewRenderer : TableViewRenderer
{
    protected override TableViewModelRenderer GetModelRenderer(Android.Widget.ListView listView, TableView view)
    {
        return new CustomHeaderTableViewModelRenderer(Context, listView, view);
    }
    private class CustomHeaderTableViewModelRenderer : TableViewModelRenderer
    {
        private readonly ColoredTableView _coloredTableView;
        public CustomHeaderTableViewModelRenderer(Context context, Android.Widget.ListView listView, TableView view) : base(context, listView, view)
        {
            _coloredTableView = view as ColoredTableView;
        }
        public override Android.Views.View GetView(int position, Android.Views.View convertView, ViewGroup parent)
        {
            var view = base.GetView(position, convertView, parent);
            var element = GetCellForPosition(position);
            // section header will be a TextCell
            if (element.GetType() == typeof(TextCell))
            {
                try
                {
                    // Get the textView of the actual layout
                    var textView = ((((view as LinearLayout).GetChildAt(0) as LinearLayout).GetChildAt(1) as LinearLayout).GetChildAt(0) as TextView);
                    // get the divider below the header
                    var divider = (view as LinearLayout).GetChildAt(1);
                    // Set the color
                    textView.SetTextColor(_coloredTableView.GroupHeaderColor.ToAndroid());
                    textView.TextAlignment = Android.Views.TextAlignment.Center;
                    textView.Gravity = GravityFlags.CenterHorizontal;
                    divider.SetBackgroundColor(_coloredTableView.GroupHeaderColor.ToAndroid());
                }
                catch (Exception) { }
            }
            return view;
        }
    }
}

在iOS上:

public class ColoredTableViewRenderer : TableViewRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<TableView> e)
    {
        base.OnElementChanged(e);
        if (Control == null)
            return;
        var coloredTableView = Element as ColoredTableView;
        tableView.WeakDelegate = new CustomHeaderTableModelRenderer(coloredTableView);
    }

    private class CustomHeaderTableModelRenderer : UnEvenTableViewModelRenderer
    {
        private readonly ColoredTableView _coloredTableView;
        public CustomHeaderTableModelRenderer(TableView model) : base(model)
        {
            _coloredTableView = model as ColoredTableView;
        }
        public override UIView GetViewForHeader(UITableView tableView, nint section)
        {
            return new UILabel()
            {
                Text = TitleForHeader(tableView, section),
                TextColor = _coloredTableView.GroupHeaderColor.ToUIColor(),
                TextAlignment = UITextAlignment.Center
            };
        }
    }
}

Answer 2

根据TableSection的官方文档，您的运气不好。恐怕你必须为TableSection类的子类编写一个自定义渲染器，并暴露Xamarin.Forms.Color类型的额外属性。然后你就可以从XAML.

Answer 3

您可以在基本主题中设置此颜色(也可以应用于其他小部件)

/资源/价值/styles.xml

<style name="MainTheme.Base" parent="Theme.AppCompat.Light">
    <item name="colorAccent">#434857</item>

对于个别章节标题，TextColor属性现在似乎可以正常工作:

<TableView Intent="Settings">
    <TableRoot>
        <TableSection Title="App Settings" TextColor="Red">