[PlayStation Suite] ウィジットにクリックイベントを持たせるには

How to make Cliclable widgets

PlayStation Suite(以下、PSS)アプリケーションは、クリックイベントを取得できるButtonウィジットがあらかじめ用意されています。
Labelでもウィジットでもクリックイベントを取得したいことがあるので作ってみました。

幸いなことにPSS StudioにはButtonクラスのソースが付属しています。
C:\Program Files (x86)\SCE\PSS\source\UI\source\Button.cs
クリックイベントの付加にあたり、このソースを参考にしました。

イベントの名前はOnClick としました。

ClickableLabel.cs using System; using Sce.Pss.HighLevel.UI; namespace jp.fujiu.ClickableLabel{ public class ClickableLabel : Label { //カスタムイベント public event EventHandler<TouchEventArgs> OnClick; private enum StateNums { Normal = 0, Pressed, Disabled } private StateNums state; private StateNums State { get { return this.state; } set { if (this.state != value) { if (this.state == StateNums.Disabled || value == StateNums.Disabled) { this.updateFlags |= (UpdateFlags.Background | UpdateFlags.Text | UpdateFlags.Icon); } else { this.updateFlags |= UpdateFlags.Background; } this.state = value; } } } [Flags] private enum UpdateFlags { Background = 0x01, Text = 0x02, Icon = 0x04 } private UpdateFlags updateFlags = UpdateFlags.Background; private bool Enabled { get { return this.State != StateNums.Disabled; } } public ClickableLabel () :base() { } protected override void OnTouchEvent (TouchEventCollection touchEvents) { base.OnTouchEvent (touchEvents); if (this.State == StateNums.Disabled) { return; } switch (touchEvents.PrimaryTouchEvent.Type) { case TouchEventType.Down: this.State = StateNums.Pressed; break; case TouchEventType.Up: if (this.State == StateNums.Pressed && this.OnClick != null) { this.OnClick (this, new TouchEventArgs (touchEvents)); } if (this.Enabled == true) { this.State = StateNums.Normal; } break; case TouchEventType.Enter: this.State = StateNums.Pressed; break; case TouchEventType.Leave: this.State = StateNums.Normal; break; } } } }
AppNMain.cs(エントリーポイントを持つクラス) using System; using System.Collections.Generic; using Sce.Pss.Core; using Sce.Pss.Core.Environment; using Sce.Pss.Core.Imaging; using Sce.Pss.Core.Graphics; using Sce.Pss.Core.Input; using Sce.Pss.HighLevel.UI; namespace jp.fujiu.ClickableLabel { public class AppMain { private static GraphicsContext graphics; private static ClickableLabel label; public static void Main (string[] args) { Initialize (); while (true) { SystemEvents.CheckEvents (); Update (); Render (); } } public static void Initialize () { graphics = new GraphicsContext (); UISystem.Initialize(graphics); // sceneでUI作成 Scene scene = new Sce.Pss.HighLevel.UI.Scene(); label = new ClickableLabel(); label.OnClick += HandleLabelOnClick; label.X = 0f; label.Y = 0f; label.Width = graphics.Screen.Rectangle.Width; label.Height = 50f; label.Font = new Font (FontAlias.System, 50, FontStyle.Bold); label.Text = "Tap me"; scene.RootWidget.AddChildLast(label); UISystem.SetScene(scene, null); } //TODO ここにクリックイベントで処理したい内容を書く static void HandleLabelOnClick (object sender, TouchEventArgs e){ label.Text = DateTime.Now.ToLongDateString() + " " + DateTime.Now.ToLongTimeString(); } public static void Update () { var gamePadData = GamePad.GetData (0); List<TouchData> touchDataList = Touch.GetData (0); UISystem.Update(touchDataList); } public static void Render () { graphics.SetClearColor (0.5f, 0.5f, 0.5f, 0.0f); graphics.Clear (); UISystem.Render (); graphics.SwapBuffers (); } } }
このソースをビルドするには Sce.Pss.Highlevel.UI の参照が必要です。
ソリューションエクスプローラーの[参照]を右クリックして[参照アセンブリの編集]でSce.Pss.Highlevel.UIを追加するとビルドできます。

実行するとこんな画面になります。

画面のラベルをクリック（タップ）するたびに現在時刻を表示します。
ClickableLabelはLabelを継承してクリックイベントを受け取っています。
継承するクラスをImageBoxウィジットやPanelウィジットに変えてもイベントの取得ができることを確認しています。

Sony Tabletをはじめ、PlayStation Suite CertifiedのXperia(SO-01C、SO-02C、IS11S)はゲームパッドがありません。
ゲームパッドが無い端末はタッチスクリーンにバーチャルなゲームパッドが表示されますが、Androidアプリのようにタッチスクリーンで操作できた方が便利だと思います。
このブログを書いている時点(PSS SDK0.96～0.97)ではScrollPanelはゲームパッドでスクロールできません。フリック操作でしかスクロールできません。
ゲームパッドで操作するには入力の応じて全てのウィジットをSetPositionで移動させればコードが必要です。

Sce.Pss.Highlevel.UIを使ったアプリやゲームパッド無しの端末はタップで操作できる画面設計が使いやすいと思い、このブログを書きました。


以上、参考になれば幸いです。