Androidは、私は楕円形の背景を作成する方法を知っている

Question

チャットコーナーで楕円形の背景描画可能を作る、私はRelativeLayoutの背景には、この描画可能を追加します。

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" android:padding="10dp"> 
    <solid android:color="#FFFFFF"/> 
    <corners 
     android:bottomRightRadius="15dp" 
     android:bottomLeftRadius="15dp" 
     android:topLeftRadius="15dp" 
     android:topRightRadius="15dp"/> 
</shape> 

しかし、私は、この描画可能と、このようなチャットのコーナーを作成したいです：

どのように私はこの描画可能にチャットのコーナーを追加することができますか？

Answer 1

この

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_margin="16dp" 
    android:orientation="vertical"> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Hello" 
     android:padding="16dp" 
     android:background="@drawable/rounded_rect"/> 

    <ImageView 
     android:layout_marginTop="-1.5dp" 
     android:layout_width="8dp" 
     android:layout_height="16dp" 
     android:layout_gravity="start" 
     android:background="@drawable/corner" 
     /> 

</LinearLayout> 

Drawableのファイル

rounded_rect.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="#888" /> 
    <corners 
     android:bottomRightRadius="8dp" 
     android:topLeftRadius="8dp" 
     android:topRightRadius="8dp"/> 

</shape> 

corner.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <rotate 
      android:fromDegrees="45" 
      android:pivotX="135%" 
      android:pivotY="15%" 
      android:toDegrees="45" 
      > 
      <shape android:shape="rectangle"> 
       <solid android:color="#888"/> 

      </shape> 
     </rotate> 
    </item> 
</layer-list> 

のようなあなたのバブルのレイアウトを作成します。

このレイアウトは、あなたが、私はちょうど今、あなたの条件に矢印が左を指している必要があることに気づいたTextView

EDIT

に追加したテキストに合わせて拡張します。それがあなたのバブルのレイアウトにいくつかの小さな変更を加え得るために

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="16dp" 
    android:orientation="horizontal"> 

    <ImageView 
     android:layout_width="12dp" 
     android:layout_height="12dp" 
     android:layout_gravity="bottom" 
     android:background="@drawable/corner2" 
     /> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Hello" 
     android:padding="16dp" 
     android:background="@drawable/rounded_rect"/> 

</LinearLayout> 

corner2.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <rotate 
      android:fromDegrees="-45" 
      android:pivotX="135%" 
      android:pivotY="15%" 
      android:toDegrees="45" 
      > 
      <shape android:shape="rectangle"> 
       <solid android:color="#888"/> 

      </shape> 
     </rotate> 
    </item> 
</layer-list> 

OUTPUT

Answer 2

コーナーを含めてチャットバブルを完全に描画可能にする必要があります。次に、9-patchにすると、ドロアブルは変形せずに水平方向と垂直方向に広がります。