この9パッチ形式は、昔から誰もが既に知っているもので、おそらくAndroidプロジェクトで(そしておそらく他の場所でも)何度も使用したものです。 また、彼については1年弱前に、 skkapはそれがどのような形式で、「何を使って食べられるのか」という短い記事を書きました。 また、これらの同じファイルをすばやく編集するために提案されたツールについても説明しました。
実際、その瞬間からほぼ1年が経過しましたが、その記事につまずいて、この「ツール」の不便さについて友人の不満を思い出して、他のオプションがあるかどうかを確認しましたが、驚いたことに、それらは見つかりませんでした。 おそらく、フォーマット自体は複雑で特定のものではないため(必要に応じて、pngをサポートするほとんどすべてのグラフィックエディターで9パッチファイルを編集できます)、さらには、既製のツールがあります(最も便利ではありませんが)。
それから私は個人的にビジネスに取りかかることにしました...
最初のドラフト
それで、数日のうちに、私自身の開発したライブラリに基づいて、私は、どうやら良い結果を達成することができました。私はそれらをあなたと共有したいと思います。 すべてのコーナーをまだ平滑化しないでください。いくつかの欠点があり、おそらくバグがあります(まあ、どこにもありません)。
実際、小さなエディターアプリケーション自体は次のようになります。
前述の「古代の」トゥルザと比較したいくつかの利点:
- ガイドやエリアを移動/変更するだけで、9パッチデータをすばやく変更する機能
- ピクセルルーラーとエリア上の個々のガイド間の距離を表示します
- 編集時に動的に更新される結果ファイルのカスタマイズ可能なプレビュー
- 「.9」という名前のない画像上の9パッチデータの認識、および9パッチ形式への迅速な変換のための単純な画像のダウンロード機能
- pngに加えて、J2SEでサポートされている画像形式をロードする機能
少し説明...
実際、このエディターで作業するときは、そのいくつかの部分を処理する必要があります...
メインツールバー
- 画像を開く(ファイルをエディターに直接ドラッグアンドドロップすることもできます)
- 以前に開いた画像をすばやく保存する
- 9パッチ画像を新しい場所に保存する
- 画像プレビューダイアログ(詳細は後ほど)
- ガイド間の距離を表示
- 編集エリアにルーラーを表示
- コンテンツエリアを表示
- 伸縮可能な領域を表示する
- ズーム領域では、Ctrl(またはAlt)+マウスホイールの組み合わせを使用できます
- ガイドを移動することで、領域をすばやく編集できます(許容範囲内)
- 縁の周りの黒い線の領域、または画像内の領域をドラッグできます
- 画像の左または上にマウスの左ボタンを押し続けると、新しい伸縮可能な領域を追加できます
- 画像の左または上でマウスの右ボタンを押し続けると、引き伸ばされた領域を消去できます
- マウスの中央ボタン(ホイール)を押すと、領域を移動できます(スクロールが表示される場合)。
- 画像の周囲のサイザーについては、サイズを変更できます
- 上部のツールバーで、画像に表示されるテキストとアイコンを設定できます
- 下部のツールバーで、画像の下の背景を調整できます
- コンテンツに基づいて画像を最小サイズに圧縮します
ところで、デフォルトでは、この画像は編集用に開きます:
実際には、アプリケーション:
jarを実行
当然、実行するにはOSにjreがインストールされている必要があります。
アプリケーションは、JDK 1.6.20+(またはOpenJDK)のバージョンが利用可能なOSで動作するはずです。
結論として
頻繁に9パッチファイルを扱う人に、このエディターが生活を楽にしてくれることを願っています:)
当然、ライブラリを改善するための賢明な提案があれば、エディタはライブラリとともに徐々に開発を続けます。
鳥といえば、 Web Look and Feelライブラリ自体と、それに基づいて作成されたこのエディターは、 GPLv3ライセンスの下で配布されており、完全にオープンソースです。
このエディタのベースとなっているライブラリの新しいバージョンはまだリリースされていないため、ここから直接ソースをダウンロードできます。
http://weblookandfeel.com/downloads/ninepatch-sources.zip
ソースコードなしのライブラリ配布はこちらです:
http://weblookandfeel.com/downloads/ninepatch.jar
私はまた、コメントや提案を聞いて喜んでいるでしょう...
ご清聴ありがとうございました!
#更新
いくつかのコメントといくつかのバグを見つけた後、ライブラリとエディターに小さな変更を加えましたが、実際には変更されました。
- エディターと組み合わせた最終的な9パッチイメージのプレビュー
- プレビューでテキストの色を選択する機能
- 1つのエディターから別のエディターに9パッチデータをコピーする機能
- 閉じるときにすべてのエディター設定を保存する
- プレビューでの複数行テキストの可能性(「\ n」または「;」の個別の行)
- プレビューダイアログの動きをエディターのダイアログにバインドする
- 下のツールバーにズーム領域のスライダーとボタンを追加しました
- 保存された場合、ファイル名に「.9」が自動的に追加されます。
古いリンクからバイナリとソースコードをダウンロードできます-それらはすでに更新されています:
jarを起動しました | ソースコード | きれいなライブラリ