モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。2』のUIオブジェクトを使用するのではなく、コードを書いて動的に(実行時に)作成します。配置する場合などは、コード上で実装したほうが便利な場合があります。ボタンに使用する画像をスプライトシート利用する方法も説明しています。『ccui.Button』クラスを使用してボタンを作成します。『cc.ControlButton』クラスでも作成できますが、『MacOS』シミュレータでは実行出来たものの、『ブラウザ起動』では実行できませんでした。表示する画像を設定します。『loadTextures()』の第4引数に『ccui.Widget.PLIST_TEXTURE』を設定します。画像ファイルを設定する場合スプライトシートを利用せずに直接画像ファイルを指定する場合は下記のようにします。設定しない画像がある場合nullではなく『""』を設定します。下記のメソッドも用意されています。『button.setBright(false)』で使用不可画像を表示ボタン使用不可の画像の表示は、ボタンの使用可否を変更するだけでは切り替わりません。『button.setBright(false)』で設定します。先に『loadTextures()』等で画像を設定しておく必要があります。クラスが用意している押下アクションを設定ボタン押下時にボタンが広がるアクションが設定されます。画像よりボタンサイズを大きくする場合、縁付や角丸のボタン画像をきれいに拡大表示してくれます。下記の『Button1』と『Button2』は同じ画像を使用しています。画像を9分割して拡大してしています。あとがきスプライトシートから画像を読み込む方法と、ボタンに使用不可状態の画像を表示する方法がわかりにくかったです。『Scale9レンダラー』は使える画像の条件は限られるかもしれないですがよく出来ていますね。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。