2016-07-28 6 views
0

Ich muss eine Schaltfläche erstellen und ein linkes Symbol und links & & rechten Text darauf legen. Ich weiß, wie man das linke Symbol einstellt, aber nicht den Text auf beiden Seiten einstellt. Ist das möglich ?, ich habe unten einen Modell-Button angefügt, bitte schau es dir an.Wie erstelle ich Android Button mit Text auf beiden Seiten (links/rechts)?

Model Button

+0

Mögliche Duplikat [Custom Button mit zwei Textview] (http: // stackoverflow.com/questions/7328890/custom-button-with-two-textview) –

+0

Wie wäre es mit Bildtext anstelle von Text auf der rechten Seite? Dann würde ich drawableRight verwenden –

+0

Ja, oder Sie können ein [ImageButton] verwenden (https://developer.android.com/reference/android/widget/ImageButton.html) –

Antwort

1

Im Wesentlichen funktioniert diese Art von Layout-Hierarchie. Abhängig davon, wie breit die Schaltfläche sein soll und wie viel Platz zwischen den TextViews gewünscht wird. Setzen Sie dann einen Klick Zuhörer für die Schaltfläche Container

<LinearLayout 
    android:id="@+id/button_container" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <TextView 
     android:id="@+id/telephone" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:drawableLeft="@drawable/your_phone_icon"/> 

    <!-- Add view here with some width for spacing --> 

    <TextView 
     android:id="@+id/grey_text" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"/> 

</LinearLayout> 
+0

Sieht aus wie die Lösung –

+0

Was ist mit Bildtext anstelle von Text auf der rechten Seite ?, dann ich würde drawableRight –

+0

@ user4216713 ja genau verwenden. Mit drawablePadding können Sie den Abstand zwischen Zeichen und Text ändern – ono

1

der einfachste Weg, das zu tun ist und zwei Linearlayout Textview innen verwenden. Setzen Sie onClickListener auf dieses lineare Layout, um den Klick zu verarbeiten.

<LinearLayout 
    android:id="@+id/button" 
    android:clickable="true" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Telephone" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="080050060" /> 
</LinearLayout> 
+0

Ich denke, es ist eine gute Idee –

0

Dies ist die Codierung für Ihr Problem

<?xml version="1.0" encoding="utf-8"?> 
 
<LinearLayout 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:orientation="vertical" 
 
    tools:context="com.example.sridhar.sharedpreferencesstackoverflow.MainActivity"> 
 

 
    <LinearLayout 
 
     android:id="@+id/button" 
 
     android:clickable="true" 
 
     android:layout_width="wrap_content" 
 
     android:layout_height="wrap_content" 
 
     android:orientation="horizontal"> 
 

 
     <TextView 
 
      android:layout_width="wrap_content" 
 
      android:layout_height="wrap_content" 
 
      android:text="Telephone" /> 
 

 
     <TextView 
 
      android:layout_width="wrap_content" 
 
      android:layout_height="wrap_content" 
 
      android:text="080050060" /> 
 

 
    </LinearLayout> 
 
    <Button 
 
     android:text="Teliphone \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\080050060" 
 
     android:gravity="start" 
 
     android:textStyle="bold" 
 
     android:textAlignment="textStart" 
 
     android:drawableStart="@drawable/dog1" 
 
     android:layout_width="match_parent" 
 
     android:layout_height="wrap_content" /> 
 
</LinearLayout>

Verwandte Themen