technologiesこの広告は、90日以上更新していないブログに表示しています。ExtendScriptまたillustrator用のスクリプトを作成してみました。タイトルそのまま、ボタンを沢山作るスクリプトです。言っても、ボタンの見た目まで作ってくれるのではなく、四角形のパスでボタンのワイヤーフレームを作ってくれるだけです。UIデザインを行っていると、ある範囲にボタンをキレイに並べる作業というのがあります。数が決まっていて並べるだけなら良いのですが、ボタンの数を何個表示させるかを検討しはじめると大変になります。ボタンがタッチできる大きさでボタンの数をできるだけ多く表示させるのを検討するときや、ボタンに表示する文字数を確保しつつボタンを何個まで配置できるかなどを検討し始めると、行や列を増やしたり減らしたりを頻繁に行うことになります。そのたびに毎度計算機取り出して計算しなければならないので結構手間です。そこでこのスクリプトを作成しました。四角形ツールでボタンを表示したいエリアをなぞる。ピクセルサイズを入力する。「START」ボタンを押す。作成したボタンの枠に対して、既存のボタンのアピアランスなどをコピペしてあげると一瞬にして大量のボタンが作成できます。余りの扱い方についてどうしてもキレイに割り切れない、あまりが出てしまうというときがあります。53px」のエリアにボタンを配置したとき1.余りを割り振らない。文字通り余りは割り振らず、余ったままにしておきます。その代わり、ボタン縦横サイズも行間・列間もキレイな整数値になるという特徴があります。ボタンは画像部品だから全て同じ大きさにする必要があるときなどで重宝します。2.余りをボタンに均等に割り振るこちらはボタンの間隔をキープしたいときに使います。その代わり、ボタンのサイズに小数点がでてきてしまうときがあります。3.余りを間隔に均等に割り振るボタンのサイズをキープしたいときに使います。その代わり、間隔に小数点がでてきてしまうときがあります。»プロフィールid:two-hatsUIデザイン関連のネタや、個人的なインテリアの趣味など思いついたものを投稿するごった煮なブログです。(2)月別アーカイブはてなブログをはじめよう!two-hatsさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。