XamDataGrid のスクロールバーは、既定ではこのようなデザインになっています。

スクロールバー(縦・横)の操作しやすさを向上させるため、クリック/タップできる領域を広げます。
具体的には、スクロールバー本体の幅を太くし、左右端(横スクロール)および上下端(縦スクロール)にある矢印アイコンのサイズを大きくします。

実装は、XamDataGrid の Loaded イベントでテンプレート内の ScrollBar 要素を取得し、Width / Height などのプロパティを変更して見た目と操作領域を調整します。

private void xamDataGrid1_Loaded(object sender, RoutedEventArgs e)
{
	// スクロールバーの幅
	var scrollbarWidth = 40;

	var scrollbars = FindVisualChildren<ScrollBar>(xamDataGrid1).ToList<ScrollBar>();

	// 縦スクロールバー
	var vScrollBar = scrollbars[0];
	vScrollBar.Width = scrollbarWidth;

	var grid = Utilities.GetDescendantFromName(vScrollBar, "Bg") as Grid;
	grid?.RowDefinitions[0].MinHeight = scrollbarWidth;
	grid?.RowDefinitions[2].MinHeight = scrollbarWidth;

	// 横スクロールバー
	var hScrollBar = scrollbars[1];
	hScrollBar.Height = scrollbarWidth;

	grid = Utilities.GetDescendantFromName(hScrollBar, "Bg") as Grid;
	grid?.ColumnDefinitions[0].MinWidth = scrollbarWidth;
	grid?.ColumnDefinitions[2].MinWidth = scrollbarWidth;
}

Tagged:

製品について

Ultimate UI for WPF