モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。2』には画面を作成するために利用できるオブジェクトがいくつか用意されています。今回はその中の『ProgressBarオブジェクト』と『Sliderオブジェクト』を使用方法について調べました。『ProgressBarオブジェクト』は進捗状況が全体の何%であるか視覚的に表示するオブジェクトです。進捗状態に限らず、何かの割合をパーセント表示するために使用できます。API』では『LoadingBar』という名前です。『Sliderオブジェクト』は何かの割合を視覚的に表示するとともに、ユーザーがつまみをスライドさせて、その割合を設定することができるオブジェクトです。IDE』でイベントを受け取るためのコードを書きます。『Sliderオブジェクト』使用不可の設定についてあとがき作成する内容イベントを受け取る方法と、値の取得・設定方法を確認するために下記の内容を作成しました。新規プロジェクトから作成します。『ProgressBarオブジェクト』と『Sliderオブジェクト』で使用する画像デフォルトで画像が設定されていますが、オリジナルの画像を設定することが出来ます。下記の画像を用意しました。『ProgressBarオブジェクト』と『Sliderオブジェクト』で画像を併用しています。画像を右クリックして、画像の右に書いた名前を付けて保存して下さい。slider_disabled.png『バー』の画像は、『バー背景』の画像より見た目が小さいですが、周囲に透明部分があり画像の大きさは『バー背景』と同じです。『スライダー:タッチ時』の画像は、タッチしたときに動きを付けるために他の状態のスライダーの画像より見た目を小さくしていますが、周囲に透明な部分があり、画像の大きさは他の背景の画像と同じにしてあります。オブジェクトの大きさに合わせて画像が引き伸ばされるので、見た目の大きさに差をつける場合は透明部分を設ける必要があります。Resources...』をクリック先ほど保存した5枚の画像を選択し、『Open』をクリックスプライトシートの追加インポートした画像をスプライトシートにまとめます。『ProgressBarオブジェクト』の背景として『Spriteオブジェクト』を使用します『Canvas』上部の『MainScene.csd』のタブをクリック『MainScene.csd』の編集に戻ります。Objects』の『Spriteオブジェクト』を『Canvas』にドラッグアンドドロップ画面右の『Propertiesウインドウ』で『Spriteオブジェクト』のプロパティを下記のように変更*書いていないパラメータは変更していません。Resource』:progressbar_base.png『Resourcesウインドウ』から画像ファイルをドラッグアンドドロップして登録します。Style』-『Disabled』:slider_disabled.png『Resourcesウインドウ』からそれぞれ画像ファイルをドラッグアンドドロップして登録します。IDE』が起動します。『resource.js』の編集スプライトシートを登録します。スプライトシートのファイルは、『res』フォルダ内の『Plist.png』と『Plist.plist』です。『HelloWorldLayer』に、下記のようにコードを書き加えます。戻り値で、『ProgressBar』の値をNumber値で返します。『ProgressBar』の値をNumber値で設定します。戻り値で、『Slider』の値をNumber値で返します。『Slider』の値をNumber値で設定します。『Slider』の使用可否をboolean値で設定します。『Slider』のタッチ可否をboolean値で設定します。『Slider』の使用可否状態の表示をboolean値で設定します。(true:通常時表示、false:使用不可時表示)『Sliderオブジェクト』使用不可の設定について使用不可にするには、『setEnabled(false)』もしくは『setTouchEnabled(false)』で設定しますが、見た目は通常時のままです。見た目を使用不可時の表示にするには、『setBright(false)』で設定します。Type』で変更できます。向きを変えるのって、対戦格闘の体力ゲージとかでしょうか。v3.7...下記の記事の続きです。2で画面作成:Coco...下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。