如何使用自定义渲染器更改 TableSection 文本颜色 - Xamarin.Forms C#
How to change the TableSection text color with a custom renderer - Xamarin.Forms C#
我有一个 TableView
,在根目录中有 3 个 TableSection
:
var tableView = new TableView
{
RowHeight = 60,
Root = new TableRoot
{
firstTableSection,
secondTableSection,
thirdTableSection,
}
}
var firstTableSection = new TableSection("First")
{
// Cells
}
var firstTableSection = new TableSection("First")
{
// Cells
}
var firstTableSection = new TableSection("First")
{
// Cells
}
如何使用自定义渲染器更改 TableSection
文本的文本颜色?
public class TestTableViewRenderer : Xamarin.Forms.Platform.Android.TableViewRenderer
{
protected override void OnElementChanged(Xamarin.Forms.Platform.Android.ElementChangedEventArgs<Xamarin.Forms.TableView> e)
{
base.OnElementChanged(e);
// Not sure how to add this property here
}
}
可能想在 XF 论坛上查看此帖子 http://forums.xamarin.com/discussion/comment/189201/#Comment_189201
我最终使用了这个解决方案:
https://forums.xamarin.com/discussion/32379/changing-the-title-color-of-a-tablesection
依赖于两个自定义渲染器:
[assembly: ExportRenderer(typeof(TableView), typeof(CustomTableView))]
namespace APP.Droid
{
public class CustomTableView : TableViewRenderer
{
protected override TableViewModelRenderer GetModelRenderer(global::Android.Widget.ListView listView, TableView view)
{
return new CustomTableViewModelRenderer(this.Context, listView, view);
}
}
}
和
[assembly: ExportRenderer(typeof(TableViewModelRenderer), typeof(CustomTableViewModelRenderer))]
namespace APP.Droid
{
public class CustomTableViewModelRenderer : TableViewModelRenderer
{
public CustomTableViewModelRenderer(Context Context, global::Android.Widget.ListView ListView, TableView View)
: base(Context, ListView, View)
{ }
public override global::Android.Views.View GetView(int position, global::Android.Views.View convertView, ViewGroup parent)
{
var view = base.GetView(position, convertView, parent);
var element = this.GetCellForPosition(position);
if (element.GetType() == typeof(TextCell))
{
try
{
var text = ((((view as LinearLayout).GetChildAt(0) as LinearLayout).GetChildAt(1) as LinearLayout).GetChildAt(0) as TextView);
var divider = (view as LinearLayout).GetChildAt(1);
text.SetTextColor(Android.Graphics.Color.Rgb(50, 50, 50));
divider.SetBackgroundColor(Android.Graphics.Color.Rgb(150, 150, 150));
}
catch (Exception) { }
}
return view;
}
}
}
我有一个 TableView
,在根目录中有 3 个 TableSection
:
var tableView = new TableView
{
RowHeight = 60,
Root = new TableRoot
{
firstTableSection,
secondTableSection,
thirdTableSection,
}
}
var firstTableSection = new TableSection("First")
{
// Cells
}
var firstTableSection = new TableSection("First")
{
// Cells
}
var firstTableSection = new TableSection("First")
{
// Cells
}
如何使用自定义渲染器更改 TableSection
文本的文本颜色?
public class TestTableViewRenderer : Xamarin.Forms.Platform.Android.TableViewRenderer
{
protected override void OnElementChanged(Xamarin.Forms.Platform.Android.ElementChangedEventArgs<Xamarin.Forms.TableView> e)
{
base.OnElementChanged(e);
// Not sure how to add this property here
}
}
可能想在 XF 论坛上查看此帖子 http://forums.xamarin.com/discussion/comment/189201/#Comment_189201
我最终使用了这个解决方案:
https://forums.xamarin.com/discussion/32379/changing-the-title-color-of-a-tablesection
依赖于两个自定义渲染器:
[assembly: ExportRenderer(typeof(TableView), typeof(CustomTableView))]
namespace APP.Droid
{
public class CustomTableView : TableViewRenderer
{
protected override TableViewModelRenderer GetModelRenderer(global::Android.Widget.ListView listView, TableView view)
{
return new CustomTableViewModelRenderer(this.Context, listView, view);
}
}
}
和
[assembly: ExportRenderer(typeof(TableViewModelRenderer), typeof(CustomTableViewModelRenderer))]
namespace APP.Droid
{
public class CustomTableViewModelRenderer : TableViewModelRenderer
{
public CustomTableViewModelRenderer(Context Context, global::Android.Widget.ListView ListView, TableView View)
: base(Context, ListView, View)
{ }
public override global::Android.Views.View GetView(int position, global::Android.Views.View convertView, ViewGroup parent)
{
var view = base.GetView(position, convertView, parent);
var element = this.GetCellForPosition(position);
if (element.GetType() == typeof(TextCell))
{
try
{
var text = ((((view as LinearLayout).GetChildAt(0) as LinearLayout).GetChildAt(1) as LinearLayout).GetChildAt(0) as TextView);
var divider = (view as LinearLayout).GetChildAt(1);
text.SetTextColor(Android.Graphics.Color.Rgb(50, 50, 50));
divider.SetBackgroundColor(Android.Graphics.Color.Rgb(150, 150, 150));
}
catch (Exception) { }
}
return view;
}
}
}