モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。2』には画面を作成するために利用できるオブジェクトがいくつか用意されています。今回はその中の『CheckBoxオブジェクト』を使用方法について調べました。『CheckBoxオブジェクト』は、タップする度にチェックと非チェックの2つの状態を交互に切り替えるオブジェクトです。IDE』でイベントを受け取るためのコードを書きます。使用不可の状態についてあとがき作成する内容イベントを受け取る方法と、チェック状態(チェック/非チェック)の取得・設定方法を確認するために下記の内容を作成しました。画面に『CheckBoxオブジェクト』を2つ配置。1つ目の『CheckBox』のチェック状態を切り替えると、2つ目の『CheckBox』のチェック状態が連動して変更。新規プロジェクトから作成します。『CheckBoxオブジェクト』で使用する画像デフォルトで画像が設定されていますが、オリジナルの画像を設定することが出来ます。下記の5つの画像を設定できます。それぞれに設定する画像を作りました。画像を右クリックして、画像の右に書いた名前を付けて保存して下さい。check_disabled.pngタッチしたときに動きを付けるために『チェックボックスの背景(枠):タッチ時』の画像は見た目を小さくしていますが、枠の周囲には透明な部分があり、画像自体のサイズは他の背景の画像と同じにしてあります。画像自体のサイズを小さくするとプロパティで設定したサイズに画像が伸縮します。Resources...』をクリック先ほど保存した5枚の画像を選択し、『Open』をクリックスプライトシートの追加インポートした画像をスプライトシートにまとめます。『Canvas』上部の『MainScene.csd』のタブをクリック『MainScene.csd』の編集に戻ります。2』の画面左上の『Objectsウインドウ』の『Widgets』の『CheckBox』を『Canvas(アプリの画面を作成するウインドウ)』にドラッグアンドドロップ画面右の『Propertiesウインドウ』で『CheckBox』のプロパティを下記のように変更*書いていないパラメータは変更していません。Style』-『Disabled』:check_disabled.png『Resourcesウインドウ』から各プロパティに画像ファイルをドラッグアンドドロップして登録します。『CheckBoxオブジェクト』イベントが正しく動作しているかテストするために、もう一つチェックボックスを追加します。IDE』が起動します。『resource.js』の編集スプライトシートを登録します。スプライトシートのファイルは、『res』フォルダ内の『Plist.png』と『Plist.plist』です。『HelloWorldLayer』に、下記のようにコードを書き加えます。戻り値で、『checkBox』のチェック状態をboolean値で返します。『checkBox』のチェック状態をboolean値で設定します。『checkBox』の使用可否をboolean値で設定します。『checkBox』のタッチ可否をboolean値で設定します。『checkBox』の使用可否状態の表示をboolean値で設定します。(true:通常時表示、false:使用不可時表示)使用不可の状態について使用不可にするには、『setEnabled(false)』もしくは『setTouchEnabled(false)』で設定しますが、見た目は通常時のままです。見た目を使用不可時の表示にするには、『setBright(false)』で設定します。あとがき細かい話ですが、『setSelected(false)』で非チェック状態にして『setBright(false)』で見た目を使用不可にしてから『checkBox』をクリックすると、2回目ぐらいで使用不可時のチェックが入って、あとはクリックしてもチェックが消えないという謎の挙動がありました。こんな使い方することはないんですけど。Studio2』です。2で画面作成:Coco...下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。