Androidアプリ上でLINEみたいな吹き出しでTextを囲んで表示してみた。
お疲れ様です。高橋です。
AndroidでLINEみたいにテキストの周りを吹き出しで囲むやり方が、かなり簡単でした。
- 吹き出し画像を準備する。
- ~/Android-SDK/tools/draw9patch.bat 起動
- 起動すると出てくる下記画面に1. で準備した吹き出し画像をドラッグ&ドロップ
画像をドラッグ&ドロップすると、↓のような感じになります。
画面左部分が「文字を入れる範囲」や「画像自体を引き伸ばす範囲」を指定するインターフェイスで、画面右部分が、左部分で指定した範囲のプレビュー画面です。
いい感じに文字部分や伸び部分を指定すると↓のような感じになります。
そして、File/Save 9-Patch… を選択し、「test.9.png」として保存します。保存したファイルは、Androidプロジェクトディレクトリのres/drawableの中にコピります。
最後に、ActivityのLayout用xmlを開き、下記のように1つTextViewを作ります。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#000000" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="jp.sample.ninepatch.MainActivity" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/test" android:text="@string/hello_world" /> </RelativeLayout>
xmlを保存してグラフィカルレイアウトで確認すると、縦画面の時はこうなったり・・・
横画面にするとこうなります。
web黎明期の頃は、吹き出し的な物で文字を囲むのは、かなりtableタグを駆使した記憶があるんですが、これは超楽です。
しかも、吹き出し画像の無料素材集まで世の中には存在してるのです。
便利な世の中になったものです。
参考サイト:
以上、よろしくお願い致します。
関連記事
-
総務省の統計APIからデータを取得する
お疲れ様です。高橋です。 androidアプリから総務省APIをコールしてみる …
-
遅刻の言い訳アプリをリリースしてみた。
お疲れ様です。高橋です。 2/20あたりから、「合理的な遅刻の言い訳生成アプリ。 …
-
AndroidアプリでHoloGraphLibraryを使ってグラフ描画してみた
お疲れ様です。高橋です。 先日、総務省の統計APIをコールしてデータを取得してく …
-
SurfaceViewを使って絵を書き動かすサンプルをコピペして動かしてみた
お疲れ様です。高橋です。 本日はcocos2d-xの3.3rc0を導入しようと試 …
-
街頭インタビュー 実装 #2
お疲れ様です。高橋です。 本日の実装状況 街頭インタビューを構成する要素を、徹底 …
-
西野カナ風な歌詞自動生成「カナかな?」をリリースしてみた。
お疲れ様です。高橋です。 昨日はずっと助詞に関する実装をしていたのですが、どうし …
-
遅刻の言い訳提案システム 稼働二日目
お疲れ様です。高橋です。 遅刻の言い訳提案システムについて、先日課題として上げた …
-
街頭インタビュー 背景人物切り替え機能の実装
お疲れ様です。高橋です。 本日は、背景人物を切り替える機能を実装しました。とりあ …
-
Win7(64bit)+cocos2dx-3.2でAndroid開発環境を構築してみた
お疲れ様です。高橋です。 ゲームを作る際に、自分で1から細々とした部品を作らなく …
-
西野カナ風な歌詞を自動生成するアプリ「西野カナかな?」を作ってみた。
お疲れ様です。高橋です。 先日実験した「西野カナは本当に会いたいのか、調べてみた …
Comment
[…] 参考にさせていただいたサイト […]