Xamarin.MacでNSOpenGLViewをRetina Displayに対応させる - 版の履歴

imported>Administrator: Administrator がページ「Xamarin.Mac/NSOpenGLViewをRetina Displayに対応させる」を「Xamarin.MacでNSOpenGLViewをRetina Displayに対応させる」に移動しました

2017-12-21T07:23:51Z

Administrator がページ「Xamarin.Mac/NSOpenGLViewをRetina Displayに対応させる」を「Xamarin.MacでNSOpenGLViewをRetina Displayに対応させる」に移動しました

← 古い版	2017年12月21日 (木) 07:23時点における版
(相違点なし)

imported>Administrator: /* Retinaを考慮して描画する */

2017-03-31T07:51:06Z

Retinaを考慮して描画する

← 古い版		2017年3月31日 (金) 07:51時点における版
17行目:		17行目:

	この例ではConvertRectToBackingメソッドとGL.Viewportでサイズをあわせている。		この例ではConvertRectToBackingメソッドとGL.Viewportでサイズをあわせている。
			Retina環境で変数の中身を見ると以下のような感じ。非Retina環境では同じ数字になる。
			* this.Bounds
			*: {X=0,Y=0,Width=300,Height=160}
			* this.ConvertRectToBacking(this.Bounds)
			*: {X=0,Y=0,Width=600,Height=320}
	Retinaと非Retinaでマルチディスプレイした状態でウインドウを移動してみると効果のほどがよくわかる。		Retinaと非Retinaでマルチディスプレイした状態でウインドウを移動してみると効果のほどがよくわかる。
	<source lang="csharp">		<source lang="csharp">

103.22.200.102: /* 実装1 */

2017-03-31T07:08:28Z

実装1

← 古い版		2017年3月31日 (金) 07:08時点における版
1行目:		1行目:
	[[Xamarin.Mac]]のNSOpenGLViewを[[Retina Display]]に対応させる。		[[Xamarin.Mac]]のNSOpenGLViewを[[Retina Display]]に対応させる。

	==実装1==		== 実装1 ==
	===NSOpenGLViewを貼る===		=== NSOpenGLViewを貼る ===
	Interface Builder でNSOpenGLViewを継承したカスタムコントロールを貼る。		Interface Builder でNSOpenGLViewを継承したカスタムコントロールを貼る。
	既にあるものをRetina対応させる場合は読み飛ばしてよい。		既にあるものをRetina対応させる場合は読み飛ばしてよい。
	*[[Xamarin.Mac/NSOpenGLViewを使う]]~~も参照。~~		*「[[Xamarin.Mac/NSOpenGLViewを使う]]」も参照。

	===Retina対応を有効にする===		=== Retina対応を有効にする ===
	Interface Builder のアトリビュートインスペクターで「Support Hi-Res Backing」の項目にチェックを入れる。		Interface Builder のアトリビュートインスペクターで「Support Hi-Res Backing」の項目にチェックを入れる。
	これでNSOpenGLViewはRetinaに対応する。		これでNSOpenGLViewはRetinaに対応する。
	[[ファイル:NSOpenGLView Hi-Resolution-Backing.png\|none]]		[[ファイル:NSOpenGLView Hi-Resolution-Backing.png\|none]]

	===Retinaを考慮して描画する===		=== Retinaを考慮して描画する ===
	Retinaを有効にした場合はRetinaを考慮せず描画処理を行うとグダグダになるので注意しよう。		Retinaを有効にした場合はRetinaを考慮せず描画処理を行うとグダグダになるので注意しよう。
	~~図形への影響は小さいが文字列の場合はさらに悲惨なことになるので特に注意すること。~~		図形への影響は小さいが文字列の場合は悲惨なことになるので特に注意すること。

	この例ではConvertRectToBackingメソッドとGL.Viewportでサイズをあわせている。		この例ではConvertRectToBackingメソッドとGL.Viewportでサイズをあわせている。

imported>Administrator: /* Retina対応を有効にする */

2015-04-27T04:47:18Z

Retina対応を有効にする

← 古い版		2015年4月27日 (月) 04:47時点における版
8行目:		8行目:

	===Retina対応を有効にする===		===Retina対応を有効にする===
	Interface Builder のアトリビュートインスペクターで「Support Hi-Res ~~BAcking」の項目にチェックを入れる。~~		Interface Builder のアトリビュートインスペクターで「Support Hi-Res Backing」の項目にチェックを入れる。
	これでNSOpenGLViewはRetinaに対応する。		これでNSOpenGLViewはRetinaに対応する。
	[[ファイル:NSOpenGLView Hi-Resolution-Backing.png\|none]]		[[ファイル:NSOpenGLView Hi-Resolution-Backing.png\|none]]

imported>Administrator: /* Retina対応を有効にする */

2015-04-27T04:46:53Z

Retina対応を有効にする

← 古い版		2015年4月27日 (月) 04:46時点における版
10行目:		10行目:
	Interface Builder のアトリビュートインスペクターで「Support Hi-Res BAcking」の項目にチェックを入れる。		Interface Builder のアトリビュートインスペクターで「Support Hi-Res BAcking」の項目にチェックを入れる。
	これでNSOpenGLViewはRetinaに対応する。		これでNSOpenGLViewはRetinaに対応する。
	[[ファイル:NSOpenGLView Hi-Resolution-Backing.png]]		[[ファイル:NSOpenGLView Hi-Resolution-Backing.png\|none]]

	===Retinaを考慮して描画する===		===Retinaを考慮して描画する===

imported>Administrator: ページの作成:「Xamarin.MacのNSOpenGLViewをRetina Displayに対応させる。 ==実装1== ===NSOpenGLViewを貼る=== Interface Builder でNSOpenGLViewを継承したカス...」

2015-04-27T04:46:33Z

ページの作成:「Xamarin.MacのNSOpenGLViewをRetina Displayに対応させる。 ==実装1== ===NSOpenGLViewを貼る=== Interface Builder でNSOpenGLViewを継承したカス...」

新規ページ

[[Xamarin.Mac]]のNSOpenGLViewを[[Retina Display]]に対応させる。

==実装1==
===NSOpenGLViewを貼る===
Interface Builder でNSOpenGLViewを継承したカスタムコントロールを貼る。
既にあるものをRetina対応させる場合は読み飛ばしてよい。
*[[Xamarin.Mac/NSOpenGLViewを使う]]も参照。

===Retina対応を有効にする===
Interface Builder のアトリビュートインスペクターで「Support Hi-Res BAcking」の項目にチェックを入れる。
これでNSOpenGLViewはRetinaに対応する。
[[ファイル:NSOpenGLView Hi-Resolution-Backing.png]]

===Retinaを考慮して描画する===
Retinaを有効にした場合はRetinaを考慮せず描画処理を行うとグダグダになるので注意しよう。
図形への影響は小さいが文字列の場合はさらに悲惨なことになるので特に注意すること。

この例ではConvertRectToBackingメソッドとGL.Viewportでサイズをあわせている。
Retinaと非Retinaでマルチディスプレイした状態でウインドウを移動してみると効果のほどがよくわかる。
<source lang="csharp">
public class MBOpenGLView : NSOpenGLView
{
// 〜〜〜省略〜〜〜

public override void DrawRect(CoreGraphics.CGRect dirtyRect)
{
// Retinaを考慮して描画する
var backingBounds = this.ConvertRectToBacking(this.Bounds);
GL.Viewport(0, 0, (int)backingBounds.Width, (int)backingBounds.Height);

using (var glc = this.OpenGLContext)
{
// コンテキストを有効化する
glc.MakeCurrentContext();

// 描画コマンド群
GL.Color3(0.7f, 0.2f, 0.2f);
GL.Begin(BeginMode.Triangles);
{
GL.Vertex3( 0.0f, 0.5f, 0.0f);
GL.Vertex3(-0.5f, -0.5f, 0.0f);
GL.Vertex3( 0.5f, -0.5f, 0.0f);
}
GL.End();

// キューに入ってる描画コマンド群を実行する
GL.Flush();

}// C#だとglc.Disposeのタイミングで画面描画を行うglc.FlushBafferも走る模様
}
}
</source>

==関連項目==
*[[Xamarin.Mac/Retina Displayか判別する]]
*[[Xamarin.Mac/NSOpenGLViewを使う]]
*[[Xamarin.Mac/カスタムコントロールを使用する]]

==参考文献==
{{reflist}}

{{stub}}

[[category:Xamarin.Mac]]