Làm cách nào để hiển thị văn bản trên ImageButton?

Tôi có một ImageButtonvà tôi muốn hiển thị một văn bản và một hình ảnh trên đó. Nhưng khi tôi thử trình giả lập:

<ImageButton 
    android:text="OK" 
    android:id="@+id/buttonok" 
    android:src="@drawable/buttonok"
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" />

Tôi nhận được hình ảnh nhưng không có văn bản. Làm thế nào tôi có thể hiển thị văn bản? Làm ơn giúp tôi!

Vì bạn không thể sử dụng, android:texttôi khuyên bạn nên sử dụng một nút bình thường và sử dụng một trong các ngăn kéo ghép. Ví dụ:

<Button 
    android:id="@+id/buttonok" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"
    android:drawableLeft="@drawable/buttonok"
    android:text="OK"/>

Bạn có thể đặt bất cứ nơi nào có thể vẽ được bạn muốn bằng cách sử dụng: drawableTop, drawableBottom, drawableLefthoặc drawableRight.

CẬP NHẬT

Đối với một nút này quá hoạt động khá tốt. Đặt android:backgroundlà tốt!

<Button
    android:id="@+id/fragment_left_menu_login"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_bg"
    android:text="@string/login_string" />

Tôi chỉ có vấn đề này và đang làm việc hoàn hảo.

Về mặt kỹ thuật có thể đặt chú thích vào ImageButtonnếu bạn thực sự muốn làm điều đó. Chỉ cần đặt TextViewqua ImageButtonsử dụng FrameLayout. Chỉ cần nhớ để không làm cho Textviewnhấp chuột.

Thí dụ:

<FrameLayout>
    <ImageButton
        android:id="@+id/button_x"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@null"
        android:scaleType="fitXY"
        android:src="@drawable/button_graphic" >
    </ImageButton>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:clickable="false"
        android:text="TEST TEST" >
    </TextView>
</FrameLayout>

Tôi cần phát triển nút cài đặt và đăng xuất, tôi đã sử dụng đoạn mã dưới đây.

    <Button
        android:id="@+id/imageViewLogout"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/size_30dp"
        android:layout_alignParentLeft="true"
        android:text="Settings"
        android:drawablePadding="10dp"
        android:background="@android:color/transparent"
        android:layout_alignParentBottom="true"
        android:drawableTop="@drawable/logout" />

Trên thực tế, android:textkhông phải là một đối số được chấp nhận bởi ImageButton nhưng, Nếu bạn đang cố lấy một nút có nền được chỉ định (không phải mặc định của Android), hãy sử dụng android:backgroundthuộc tính xml hoặc khai báo nó từ lớp với.setBackground();

Bạn có thể sử dụng LinearLayoutthay vì sử dụng Buttonđó là một sự sắp xếp tôi đã sử dụng trong ứng dụng của mình

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@color/mainColor"
        android:orientation="horizontal"
        android:padding="10dp">

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/ic_cv"
            android:textColor="@color/offBack"
            android:textSize="20dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:text="@string/cartyCv"
            android:textColor="@color/offBack"
            android:textSize="25dp" />

    </LinearLayout>

thay vào đó, bạn có thể sử dụng Buttonthuộc tính thông thường và android: drawableTop (hoặc trái, phải, dưới).

Cách tốt nhất:

<Button 
android:text="OK" 
android:id="@+id/buttonok" 
android:background="@drawable/buttonok"
android:layout_width="match_parent" 
android:layout_height="wrap_content"/>

Tôi đã giải quyết điều này bằng cách đặt ImageButtonvà TextViewbên trong một LinearLayoutvới hướng dọc. Hoạt động tuyệt vời!

<LinearLayout
    android:id="@+id/linLayout"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageButton
        android:id="@+id/camera_ibtn"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="center"
        android:background="@drawable/camera" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="@string/take_pic"
        android:textColor="#FFFFFF"
        android:textStyle="bold" />

</LinearLayout>

Đây là một ví dụ về vòng tròn đẹp:

drawable/circle.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <solid
        android:color="#ff87cefa"/>

    <size
        android:width="60dp"
        android:height="60dp"/>
</shape>

Và sau đó là nút trong tệp xml của bạn:

<Button
    android:id="@+id/btn_send"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:background="@drawable/circle"
    android:text="OK"/>

ImageButtonkhông thể có text(hoặc, ít nhất, android:textkhông được liệt kê trong các thuộc tính của nó).

Thủ thuật là:

Có vẻ như bạn cần sử dụng Button(và nhìn vào drawableTophoặc setCompoundDrawablesWithIntrinsicBounds(int,int,int,int)).