プログラミング | スタジオ大破の自転車大破日記

このエントリは Xamarin Advent Calendar 2016 の18日目の記事です。

はじめに

某社が障碍者向け支援技術製品を利用してるユーザに対してWindows 10 の無償アップグレード期間を延長したり、2016年内における全ての Office 365 製品の Accessibility Standards 準拠を発表していたり、昨今 Accessibility は局地的に割とホットな話題です（？）。

ソフトウェアを作成していてまず気になる Accessibility 関連の機能としては、キーボードで操作への対応や音声読み上げ機能対応だと筆者は思います。個人的な感想です。
キーボード操作への対応については、Xamarin.Forms のメインターゲットである携帯端末では少し優先度が低いかもしれませんが、音声読み上げ機能は割と重要です。
目の不自由な人でもスマートフォンを操作しますし、そういったタッチ操作主体の端末ではキーボードのようにショートカットキーを使うことができませんから。

ということで、本日は Xamarin.Forms で音声読み上げ機能への対応をカスタマイズする方法を、主に UWP 向けにご紹介します。

続きを読む →

WPFアプリケーションを作ってて「ウィンドウがモニタの端にスナップ（吸い付くように自動で移動）してほしい！」っていうあなた！
そんな簡単に時に使えるビヘイビアです。

スナップ距離やスナップ有効・無効の設定のバインディングもできます。
あとモニタの表示倍率が100%でないときでも動作します（たぶん）。

WPFなのにSystem.Windows.Forms.dllとSystem.Drawing.dllを参照する必要がありなんだか負けた気がしますが、気にしないでいきましょう。

class WindowSnapBehavior : Behavior<Window>
{
	#region EnableSnap 依存関係プロパティ
	public double SnapDistance
	{
		get { return (double)GetValue(SnapDistanceProperty); }
		set { SetValue(SnapDistanceProperty, value); }
	}
	public static readonly DependencyProperty SnapDistanceProperty =
		DependencyProperty.Register("SnapDistance", typeof(double), typeof(WindowSnapBehavior), new PropertyMetadata(7.0));
	#endregion

	#region EnableSnap 依存関係プロパティ
	public bool EnableSnap
	{
		get { return (bool)GetValue(EnableSnapProperty); }
		set { SetValue(EnableSnapProperty, value); }
	}
	public static readonly DependencyProperty EnableSnapProperty =
		DependencyProperty.Register("EnableSnap", typeof(bool), typeof(WindowSnapBehavior), new PropertyMetadata(true));
	#endregion


	protected override void OnAttached()
	{
		AssociatedObject.LocationChanged += AssociatedObject_LocationChanged;
	}

	protected override void OnDetaching()
	{
		AssociatedObject.LocationChanged -= AssociatedObject_LocationChanged;
	}

	void AssociatedObject_LocationChanged(object sender, EventArgs e)
	{
		if (!EnableSnap) { return; }

		var window = AssociatedObject;
		if (window.WindowState != WindowState.Normal) { return; }

		// DPIから物理ピクセルへ変換する行列を取得してそれぞれの長さを変換
		var mat = PresentationSource.FromVisual(window).CompositionTarget.TransformToDevice;
		var scaledTopLeft = mat.Transform(new Point(window.Left, window.Top));
		var scaledBottomRight = mat.Transform(new Point(window.Left + window.ActualWidth, window.Top + window.ActualHeight));
		var scaledSnapDisatance = mat.Transform(new Point(SnapDistance, SnapDistance));
		var scaledSize = scaledBottomRight - scaledTopLeft;

		var screen = System.Windows.Forms.Screen.FromPoint(new System.Drawing.Point((int)scaledTopLeft.X, (int)scaledTopLeft.Y));
		var newTop = scaledTopLeft.Y;
		var newLeft = scaledTopLeft.X;

		// 横方向の調整
		if (Math.Abs(screen.Bounds.Left - scaledTopLeft.X) <= scaledSnapDisatance.X) {
			newLeft = screen.Bounds.Left;
		}
		else if (Math.Abs(screen.Bounds.Right - scaledBottomRight.X) <= scaledSnapDisatance.X) {
			newLeft = screen.Bounds.Right - scaledSize.X;
		}

		// 縦方向の調整
		if (Math.Abs(screen.Bounds.Top - scaledTopLeft.Y) <= scaledSnapDisatance.Y) {
			newTop = screen.Bounds.Top;
		}
		else if (Math.Abs(screen.Bounds.Bottom - scaledBottomRight.Y) <= scaledSnapDisatance.Y) {
			newTop = screen.Bounds.Bottom - scaledSize.Y;
		}

		window.Left = newLeft;
		window.Top = newTop;
	}
}

class WindowSnapBehavior : Behavior<Window>

{

#region EnableSnap 依存関係プロパティ

public double SnapDistance

{

get { return (double)GetValue(SnapDistanceProperty); }

set { SetValue(SnapDistanceProperty, value); }

}

public static readonly DependencyProperty SnapDistanceProperty =

DependencyProperty.Register("SnapDistance", typeof(double), typeof(WindowSnapBehavior), new PropertyMetadata(7.0));

#endregion

#region EnableSnap 依存関係プロパティ

public bool EnableSnap

{

get { return (bool)GetValue(EnableSnapProperty); }

set { SetValue(EnableSnapProperty, value); }

}

public static readonly DependencyProperty EnableSnapProperty =

DependencyProperty.Register("EnableSnap", typeof(bool), typeof(WindowSnapBehavior), new PropertyMetadata(true));

#endregion

protected override void OnAttached()

{

AssociatedObject.LocationChanged += AssociatedObject_LocationChanged;

}

protected override void OnDetaching()

{

AssociatedObject.LocationChanged -= AssociatedObject_LocationChanged;

}

void AssociatedObject_LocationChanged(object sender, EventArgs e)

{

if (!EnableSnap) { return; }

var window = AssociatedObject;

if (window.WindowState != WindowState.Normal) { return; }

// DPIから物理ピクセルへ変換する行列を取得してそれぞれの長さを変換

var mat = PresentationSource.FromVisual(window).CompositionTarget.TransformToDevice;

var scaledTopLeft = mat.Transform(new Point(window.Left, window.Top));

var scaledBottomRight = mat.Transform(new Point(window.Left + window.ActualWidth, window.Top + window.ActualHeight));

var scaledSnapDisatance = mat.Transform(new Point(SnapDistance, SnapDistance));

var scaledSize = scaledBottomRight - scaledTopLeft;

var screen = System.Windows.Forms.Screen.FromPoint(new System.Drawing.Point((int)scaledTopLeft.X, (int)scaledTopLeft.Y));

var newTop = scaledTopLeft.Y;

var newLeft = scaledTopLeft.X;

// 横方向の調整

if (Math.Abs(screen.Bounds.Left - scaledTopLeft.X) <= scaledSnapDisatance.X) {

newLeft = screen.Bounds.Left;

}

else if (Math.Abs(screen.Bounds.Right - scaledBottomRight.X) <= scaledSnapDisatance.X) {

newLeft = screen.Bounds.Right - scaledSize.X;

}

// 縦方向の調整

if (Math.Abs(screen.Bounds.Top - scaledTopLeft.Y) <= scaledSnapDisatance.Y) {

newTop = screen.Bounds.Top;

}

else if (Math.Abs(screen.Bounds.Bottom - scaledBottomRight.Y) <= scaledSnapDisatance.Y) {

newTop = screen.Bounds.Bottom - scaledSize.Y;

}

window.Left = newLeft;

window.Top = newTop;

}

使う時はこんな感じです。

<Window x:Class="Studiotaiha.SnapTest.Views"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
		xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
		xmlns:behaviors="clr-namespace:Studiotaiha.SnapTest.Views.Behaviors"
        Title="SnapTest">
	<i:Interaction.Behaviors>
		<behaviors:WindowSnapBehavior />
	</i:Interaction.Behaviors>
	
	<Grid>
		<TextBlock>コンテンツ</TextBLock>
	</Grid>
</Window>

<Window x:Class="Studiotaiha.SnapTest.Views"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

xmlns:behaviors="clr-namespace:Studiotaiha.SnapTest.Views.Behaviors"

Title="SnapTest">

<i:Interaction.Behaviors>

<behaviors:WindowSnapBehavior />

</i:Interaction.Behaviors>

<Grid>

<TextBlock>コンテンツ</TextBLock>

</Grid>

</Window>

実際に使う時はPresentationSourceの取得に失敗したりするかもしれないので、エラー処理は忘れずに。

スタジオ大破の自転車大破日記

俺は余裕で大丈夫

カテゴリー別アーカイブ: プログラミング

Xamarin.FormsでもAccessibility

はじめに

ウィンドウを画面端にスナップさせるビヘイビア

Xamarin.Formsでカメラを使う – Android編