Facebook上的Android佈局中的文本像消息按鈕中的圖像

Question

我想在Android Activity中發出通知Button，與Facebook中的通知按鈕相同。我試過ImageButton和Button這樣做，但我無法在同一圖層上顯示在圖像上繪製的文本。爲什麼？

Answer 1

如果我得到你的問題的權利，你需要一個包含通知的計數的紅色圓圈，您創建一個可繪製，並用它作爲你的TextView

這裏背景是一個樣本圓角邊緣的矩形形狀

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
    <shape> 
     <padding android:left="1dp" 
     android:top="1dp" 
     android:right="1dp" 
     android:bottom="1dp"/> 
     <solid android:color="#FFFFFF"/> 
     <corners android:radius="3dp"/> 
    </shape> 
    </item> 

    <item> 
    <shape> 
     <corners android:radius="3dp"/> 
     <solid android:color="#F00"/> 
    </shape> 
    </item> 
</layer-list> 

然後，所有你需要的是使用它作爲您的TextView

編輯背景：使用的FrameLayout使通知出現在ImageView的

  <FrameLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" > 

       <ImageView 
        android:id="@+id/imageView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/image" /> 

       <TextView 
        android:id="@+id/notification" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="bottom|right" 
        android:background="@drawable/red_notification_frame" 
        android:gravity="center" 
        android:minWidth="15dp" 
        android:paddingLeft="1dp" 
        android:paddingRight="1dp" 
        android:textColor="#fff" 
        android:textStyle="bold" /> 
      </FrameLayout> 

並更改TextView的layout_gravity以控制其在圖像上的位置。

Answer 2

如果您想要在圖像上顯示永久文本，則快捷方式選項是使用圖像編輯軟件並將文本寫入圖像。 然後使用ImageButton並放置圖像。

Answer 3

我修改的答案，一個解決方案

<RelativeLayout 
    android:layout_height="102dp" 
    android:layout_width="102dp" 
    android:padding="15dp"> 
    <ImageView 
    android:id="@+id/myImageView" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:src="@drawable/envelope" /> 

      <TextView 
       android:id="@+id/myImageViewText" 
       android:layout_width="1dp" 
       android:layout_height="12dp" 
       android:layout_alignLeft="@+id/myImageView" 
       android:layout_alignTop="@+id/myImageView" 
       android:layout_alignRight="@+id/myImageView" 
       android:layout_alignBottom="@+id/myImageView" 
       android:textAppearance="?android:attr/textAppearanceLarge" 
       android:layout_marginTop="43dp" 
       android:layout_marginLeft="43dp" 
       android:gravity="center" 
       android:text="0" 
       android:background="@drawable/rounded_corners" 
       android:textColor="@android:color/white" /> 
     </RelativeLayout> 

XML風格上來，把它放在繪製

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 
<stroke 
android:width="1dp" 
android:color="@android:color/holo_red_dark" /> 
<solid android:color="@android:color/holo_red_light" /> 
<padding 
android:left="1dp" 
android:right="1dp" 
android:top="1dp" /> 
<corners android:radius="20dp" /> 
</shape> 

在我的情況下，當文本beyong 3個字符，我說9+