AndroidのEditTextで入力テキストを丸める方法

Question

AndroidでEditTextを持っていて、以前の入力を丸で囲んだボックスに表示することができます。また、新しい入力を書き込んで、次の画像のように保存することができます。

Answer 1

ネストされたビューを使用して動的に追加することができます。 EditTextにタグを表示する必要はなく、EditTextを含むレイアウトを作成してTextViewを動的に追加することができます。レイアウトの背景として境界線を設定できます。 res/drawableフォルダに枠線を定義し、タグとEditTextを含むレイアウトに割り当てることができます。そしてあなたが提供した写真のように見えます。 border.xmlはこのようなことができ、あなたはのparamsと遊ぶことがあります。

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 
    <stroke android:width="2dp" 
     android:color="#80FFFFFF" /> 
    <corners android:radius="5dp" /> 
</shape> 

その後、あなたは簡単なのLinearLayoutことができ、我々はそれがlayout_tag.xml名前、「丸い箱」のレイアウトを定義する必要がありますカスタマイズされた背景、すなわちボックスで。外部レイアウトを飾る方法と非常に似ているはずです。 layout_tag.xmlには、TextViewが含まれている場合があります。 ImageViewまたはTextViewの後に削除アイコン付きのボタンを追加し、layout_tag.xmlにこれら2つのビューをラップすることもできます。

次に、検索フィールドのレイアウトに動的に追加する必要があります。 Android: add a TextView to LinearLayout programaticallyなど、多くの投稿を見つけることができます。

上記のリンクでは、コードブロックの最初の部分をlayout_tag.xmlに合わせることができます。 2番目のコードは、layout_tagを外部レイアウト、つまりタグのコンテナに動的に追加する方法を示しています。

最後に、ユーザーがタグを送信するたびにこれを接続することができます。削除イメージ/ボタンにOnClickListenerを追加することも忘れないでください。