webentwicklung-frage-antwort-db.com.de

Android: Hinzufügen von Rahmen um Textansicht

Wie füge ich einen Rand um den Text hinzu, wie im Bild gezeigt, mit XML-Layout

 image 1

Ich habe versucht, dem Layout einen Rahmen hinzuzufügen, der jedoch mit Text überlappt.

 image 2

16
Jignesh

Sie können dieses Layout ausprobieren, je nach Anforderung.

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:layout_margin="15dp" >

        <LinearLayout
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:background="@drawable/border"
            Android:layout_marginTop="10dp" 
            Android:orientation="vertical"
            Android:padding="15dp">

            <TextView 
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:textStyle="bold"
                Android:text="Label 1: Value 1"/>

            <TextView 
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:textStyle="bold"
                Android:text="Label 2: Value 2"/>

            <TextView 
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:textStyle="bold"
                Android:text="Label 3: Value 3"/>

        </LinearLayout>

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_alignParentTop="true"
            Android:text="   Details   "
            Android:layout_marginLeft="15dp"
            Android:background="#ffffff"
            Android:textSize="17sp" />

    </RelativeLayout>

XML ​​von border.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:shape="rectangle" >
    <stroke
        Android:width="2dp"
        Android:color="#cdcdcd" />    
</shape>

Hoffe das hilft dir irgendwie.

23
A.R.

Um einen Rahmen zu Android TextView hinzuzufügen, müssen Sie eine XML-Datei mit einer Form als Rechteckdatei im Ordner von drawable erstellen und diese als Hintergrund für die TextView festlegen. 

<stroke> tag is used to set the border width and color. 

border.xml

<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:shape="rectangle" >
<stroke
Android:width="2dp"
Android:color="#000000" />
</shape>

activity_main.xml  

<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
 Android:layout_width="fill_parent"
 Android:layout_height="fill_parent"
 Android:padding="10dp" xmlns:tools="http://schemas.Android.com/tools"   >                               
<TextView
Android:id="@+id/textView2"
Android:layout_width="match_parent"
Android:layout_height="30dp"
Android:layout_centerHorizontal="true"
Android:layout_centerVertical="true"
Android:background="@drawable/border"
Android:gravity="center"
Android:text="Android Programming is fun!!" />
</RelativeLayout>

Wenn Sie einem Layout anstelle der Textansicht einen Rahmen hinzufügen möchten, erstellen Sie den Layouthintergrund als 

**Android:background="@drawable/border"**
5
Anu Roy
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:orientation="vertical">

<FrameLayout
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:padding="16dip">

    <TextView
        Android:id="@+id/txt_notificaiton"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_margin="10dip"
        Android:background="@drawable/button_effect_white"
        Android:padding="16dip"
        Android:text=""
        Android:textColor="@drawable/text_color_white"
        Android:textSize="22dip" />

    <TextView
        Android:id="@+id/txt_createddateandtime"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="right|bottom"
        Android:padding="16dp"
        Android:text=""
        Android:textSize="12dip" />

    <TextView
        Android:id="@+id/iv_read_unread"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="left|top"
        Android:layout_marginRight="10dp"
        Android:background="@color/white"
        Android:text="Details" />

</FrameLayout>
</LinearLayout>
0
PriyankaChauhan

Erstellen Sie eine Zeichnungsdatei und fügen Sie diesen Code in diese Datei ein

  <?xml version="1.0" encoding="utf-8"?>

    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:shape="rectangle">

        <corners Android:radius="2dp" />
        <stroke
            Android:width="2px"
            Android:color="@color/colorGreyBrown" />
        <solid Android:color="#ffffff" />
    </shape>

setzen Sie dann diese zeichnbare Datei als Hintergrund für Ihre Textansicht

    <TextView
                Android:id="@+id/Textview_register_als"
                Android:layout_width="match_parent"
                Android:layout_height="wrap_content"
     Android:background="@drawable/foodynet_rounded_corner_brown_color_border_white_bg"
                Android:gravity="center"
                Android:text="@string/string_text_register"
                Android:textColor="@color/colorGreyBrown"
                Android:textSize="@dimen/text" />
0
Amit Desale

 enter image description here

Wie wir wissen, ist ConstraintLayout eine gute und effiziente Leistung. Im Folgenden finden Sie einen Code mit ConstraintLayout.

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:Android="http://schemas.Android.com/apk/res/Android"
        xmlns:app="http://schemas.Android.com/apk/res-auto"
        xmlns:tools="http://schemas.Android.com/tools">

    <androidx.constraintlayout.widget.ConstraintLayout
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:background="@color/color_white">

        <LinearLayout
            Android:id="@+id/ll_user_name"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_margin="16dp"
            Android:layout_marginStart="16dp"
            Android:layout_marginTop="16dp"
            Android:layout_marginEnd="16dp"
            Android:background="@drawable/rectangle_with_circular_border"
            Android:orientation="vertical"
            Android:padding="15dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <TextView
                Android:id="@+id/tv_user_name"
                style="@style/TextViewStyle"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:textColor="@color/color_333333"
                Android:textSize="@dimen/sixteen_sp"
                tools:text="FirstName LastName"/>
        </LinearLayout>

        <TextView
            Android:id="@+id/tv_user_name_title"
            style="@style/TextViewStyle"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_marginStart="32dp"
            Android:layout_marginTop="8dp"
            Android:layout_marginEnd="8dp"
            Android:textSize="@dimen/fourteen_sp"
            Android:background="@color/color_white"
            Android:text="  Name  "
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>
0
      textbackground.xml
      <?xml version="1.0" encoding="utf-8"?>
      <selector xmlns:Android="http://schemas.Android.com/apk/res/Android" >    

<item Android:state_pressed="true">
<shape  >
<solid Android:color="@color/white"/>
<corners 
Android:radius="1dp"/>
</shape>
</item>

<item Android:state_focused="true" >
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >
<solid Android:color="@color/white"/>
<corners 
Android:radius="1dp"/>
</shape>
 </item>

<item Android:state_focused="false" >


<shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >

<solid Android:color="#c38416"/>
<stroke
    Android:width="3dp"
    Android:color="@color/bordercolor" />

<corners Android:radius="3dp" />

<padding
    Android:bottom="6dp"
    Android:left="6dp"
    Android:right="6dp"
    Android:top="6dp" />

</shape>
 </item>

<item Android:state_pressed="false" >
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >
<solid Android:color="#c38416"/>
<corners 
Android:radius="1dp"
/>
</shape>

 and
  <TextView
   Android:background="@drawable/textbackground"

   />