Tôi có một TextView và tôi muốn thêm một viền đen dọc theo viền trên và dưới của nó. Tôi đã thử thêm android:drawableTopvà android:drawableBottomvào TextView, nhưng điều đó chỉ khiến toàn bộ khung nhìn trở nên đen.

<TextView
    android:background="@android:color/green"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:drawableTop="@android:color/black"
    android:drawableBottom="@android:color/black"
    android:text="la la la" />

Có cách nào để dễ dàng thêm đường viền trên và dưới vào Chế độ xem (cụ thể là TextView) trong Android không?

Trong Android 2.2, bạn có thể làm như sau.

Tạo một xml drawable, chẳng hạn như /res/drawable/textlines.xml và gán cái này làm thuộc tính nền của TextView.

<TextView
android:text="My text with lines above and below"
android:background="@drawable/textlines"
/>

/res/drawable/textlines.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#FF000000" />
            <solid android:color="#FFDDDDDD" />

        </shape>
   </item>

   <item android:top="1dp" android:bottom="1dp"> 
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#FFDDDDDD" />
            <solid android:color="#00000000" />
        </shape>
   </item>

</layer-list>

Mặt trái của vấn đề này là bạn phải chỉ định màu nền mờ, vì trong suốt sẽ không hoạt động. (Ít nhất tôi nghĩ họ đã làm nhưng tôi đã nhầm). Trong ví dụ trên, bạn có thể thấy rằng màu đơn sắc của hình đầu tiên #FFdddddd được sao chép trong màu đột quỵ hình 2.

Tôi đã sử dụng một mẹo để đường viền được hiển thị bên ngoài container. Với thủ thuật này, chỉ có một dòng được vẽ để nền sẽ được hiển thị của chế độ xem bên dưới.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:bottom="1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="1dp"
                android:color="#FF000000" />

            <solid android:color="#00FFFFFF" />

            <padding android:left="10dp"
                android:right="10dp"
                android:top="10dp"
                android:bottom="10dp" />
        </shape>
    </item>

</layer-list>

Tùy chọn 1: Hình dạng có thể vẽ

Đây là tùy chọn đơn giản nhất nếu bạn muốn có đường viền xung quanh bố cục hoặc chế độ xem mà bạn có thể đặt nền. Tạo một tệp XML trong drawablethư mục trông giống như thế này:

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

    <solid android:color="#8fff93" />

    <stroke
        android:width="1px"
        android:color="#000" />

</shape>

Bạn có thể xóa solidnếu bạn không muốn điền. Các thiết lập background="@drawable/your_shape_drawable"trên bố trí / xem của bạn.

Tùy chọn 2: Chế độ xem nền

Đây là một mẹo nhỏ tôi đã sử dụng trong một RelativeLayout. Về cơ bản, bạn có một hình vuông màu đen dưới chế độ xem mà bạn muốn tạo đường viền, và sau đó cung cấp cho chế độ xem đó một số phần đệm (không phải lề!) Để hình vuông màu đen hiển thị ở các cạnh.

Rõ ràng điều này chỉ hoạt động đúng nếu chế độ xem không có bất kỳ khu vực trong suốt nào. Nếu có, tôi khuyên bạn nên viết một tùy chỉnh BorderViewchỉ vẽ đường viền - nó chỉ nên là vài chục dòng mã.

<View
    android:id="@+id/border"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/image"
    android:layout_alignLeft="@+id/image"
    android:layout_alignRight="@+id/image"
    android:layout_alignTop="@+id/main_image"
    android:background="#000" />

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_...
    android:padding="1px"
    android:src="@drawable/..." />

Nếu bạn đang tự hỏi, nó làm việc với adjustViewBounds=true. Tuy nhiên, nó không hoạt động nếu bạn muốn có một nền tảng trong toàn bộ RelativeLayout, bởi vì có một lỗi khiến bạn không thể điền RelativeLayoutvào một View. Trong trường hợp đó, tôi khuyên bạn nên rút thăm Shape.

Tùy chọn 3: 9 miếng vá

Tùy chọn cuối cùng là sử dụng bản vẽ 9 miếng như thế này:

Bạn có thể sử dụng nó trên bất kỳ chế độ xem nào bạn có thể đặt android:background="@drawable/...". Và vâng, nó cần phải là 6x6 - Tôi đã thử 5x5 và nó không hoạt động.

Nhược điểm của phương pháp này là bạn không thể thay đổi màu sắc rất dễ dàng, nhưng nếu bạn muốn có các đường viền lạ mắt (ví dụ: chỉ một đường viền ở trên cùng và dưới cùng, như trong câu hỏi này) thì bạn không thể thực hiện chúng với khả năng Shapevẽ được , không mạnh lắm.

Tùy chọn 4: Chế độ xem thêm

Tôi quên đề cập đến tùy chọn thực sự đơn giản này nếu bạn chỉ muốn viền trên và dưới chế độ xem của bạn. Bạn có thể đặt chế độ xem của mình theo chiều dọc LinearLayout(nếu chưa có) và sau đó thêm các ô trống Viewở trên và bên dưới nó như thế này:

<View android:background="#000" android:layout_width="match_parent" android:layout_height="1px"/>

Để thêm 1dpviền trắng ở dưới cùng và để có nền trong suốt, bạn có thể sử dụng cách sau đơn giản hơn hầu hết các câu trả lời ở đây.

Đối với TextViewchế độ xem hoặc khác, thêm:

android:background="@drawable/borderbottom"

Và trong drawablethư mục thêm XML sau, được gọi làborderbottom.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-2dp" android:left="-2dp" android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#ffffffff" />
            <solid android:color="#00000000" />
        </shape>
    </item>
</layer-list>

Nếu bạn muốn có một đường viền ở trên cùng, hãy thay đổi android:top="-2dp"thànhandroid:bottom="-2dp"

Màu sắc không cần phải là màu trắng và nền cũng không cần phải trong suốt.

Các solidyếu tố có thể không được yêu cầu. Điều này sẽ phụ thuộc vào thiết kế của bạn (cảm ơn V. Kalyuzhnyu).

Về cơ bản, XML này sẽ tạo một đường viền bằng cách sử dụng hình dạng hình chữ nhật, nhưng sau đó đẩy các cạnh trên, phải và trái ra ngoài khu vực kết xuất cho hình dạng. Điều này chỉ để lại đường viền dưới cùng có thể nhìn thấy.

Câu trả lời hiện được chấp nhận không hoạt động. Nó tạo ra các đường viền dọc mỏng ở bên trái và bên phải của chế độ xem là kết quả của việc khử răng cưa.

Phiên bản này hoạt động hoàn hảo. Nó cũng cho phép bạn thiết lập độ rộng đường viền một cách độc lập và bạn cũng có thể thêm đường viền ở bên trái / phải nếu muốn. Hạn chế duy nhất là nó KHÔNG hỗ trợ tính minh bạch.

Tạo một xml drawable có tên /res/drawable/top_bottom_borders.xmlvới mã bên dưới và gán nó làm thuộc tính nền của TextView.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#DDDD00" /> <!-- border color -->
        </shape>
    </item>

    <item
        android:bottom="1dp" 
        android:top="1dp">   <!-- adjust borders width here -->
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />  <!-- background color -->
        </shape>
    </item>
</layer-list>

Đã thử nghiệm trên Android KitKat thông qua Marshmallow

Vì vậy, tôi muốn làm một cái gì đó hơi khác một chút: một đường viền ở phía dưới CHỈ, để mô phỏng một bộ chia ListView. Tôi đã sửa đổi câu trả lời của Piet Delport và nhận được điều này:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   <item>
      <shape 
        android:shape="rectangle">
            <solid android:color="@color/background_trans_light" />    

        </shape>
   </item>

    <!-- this mess is what we have to do to get a bottom border only. -->
   <item android:top="-2dp"
         android:left="-2dp"
         android:right="-2dp"
         android:bottom="1px"> 
      <shape 
        android:shape="rectangle">    
            <stroke android:width="1dp" android:color="@color/background_trans_mid" />
            <solid android:color="@null" />
        </shape>
   </item>

</layer-list>

Lưu ý sử dụng px thay vì dp để có được bộ chia chính xác 1 pixel (một số DPI điện thoại sẽ làm cho dòng 1dp biến mất).

Như @Nic Hubbard đã nói, có một cách rất dễ dàng để thêm một đường viền.

<View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="#000000" >
</View>

Bạn có thể thay đổi chiều cao và màu nền thành bất cứ thứ gì bạn muốn.

Câu trả lời của tôi dựa trên phiên bản @Emile nhưng tôi sử dụng màu trong suốt thay vì màu đặc.
Ví dụ này sẽ vẽ đường viền dưới 2dp.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <stroke  android:width="2dp"
                     android:color="#50C0E9" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <item  android:bottom="2dp" >
        <shape android:shape="rectangle" >
            <stroke  android:width="2dp"
                     android:color="@color/bgcolor" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</layer-list>

@ color / bgcolor là màu của nền mà bạn vẽ chế độ xem với đường viền.

Nếu bạn muốn thay đổi vị trí của đường viền, hãy thay đổi phần bù bằng một trong:

android:bottom="2dp"
android:top="2dp"
android:right="2dp"
android:left="2dp"

hoặc kết hợp chúng để có 2 hoặc nhiều đường viền:

android:bottom="2dp" android:top="2dp"

Bạn cũng có thể bao bọc khung nhìn trong FrameLayout, sau đó đặt màu nền và phần đệm của khung thành những gì bạn muốn; tuy nhiên, theo mặc định, textview có nền 'trong suốt', do đó bạn cũng cần thay đổi màu nền của textview.

Tại sao không chỉ tạo chế độ xem cao 1dp với màu nền? Sau đó, nó có thể dễ dàng được đặt ở nơi bạn muốn.

Chỉ cần thêm giải pháp của tôi vào danh sách ..

Tôi muốn có một đường viền dưới bán trong suốt kéo dài qua hình dạng ban đầu (Vì vậy, đường viền bán trong suốt nằm ngoài hình chữ nhật cha).

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item>
    <shape android:shape="rectangle" >      
      <solid android:color="#33000000" /> <!-- Border colour -->
    </shape>
  </item>
  <item  android:bottom="2dp" >
    <shape android:shape="rectangle" >     
      <solid android:color="#164586" />
    </shape>
  </item>
</layer-list>

Mà cho tôi;

Để thay đổi điều này:

<TextView
    android:text="My text"
    android:background="@drawable/top_bottom_border"/>

Tôi thích cách tiếp cận này trong "drawable / top_bottom_border.xml":

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient
                android:angle="270"
                android:startColor="#000"
                android:centerColor="@android:color/transparent"
                android:centerX="0.01" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:angle="90"
                android:startColor="#000"
                android:centerColor="@android:color/transparent"
                android:centerX="0.01" />
        </shape>
    </item>
</layer-list>

Điều này chỉ làm cho các đường viền, không phải là một hình chữ nhật sẽ xuất hiện nếu nền của bạn có màu.

Trước tiên, tạo một tệp xml với nội dung được hiển thị bên dưới và đặt tên là Border.xml và đặt nó vào thư mục bố trí bên trong thư mục res

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1dp" android:color="#0000" />
    <padding android:left="0dp" android:top="1dp" android:right="0dp"
        android:bottom="1dp" />
</shape>

Sau đó, bên trong mã sử dụng

TextView tv = (TextView)findElementById(R.id.yourTextView);
tv.setBackgroundResource(R.layout.border);

Điều này sẽ tạo một đường màu đen trên và dưới cùng của TextView.

Viết mã dưới đây

<View
    android:layout_width="wrap_content"
    android:layout_height="2dip"
    android:layout_below="@+id/topics_text"
    android:layout_marginTop="7dp"
    android:layout_margin="10dp"
    android:background="#ffffff" />

Đây là một cách để đạt được nó.

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape android:shape="rectangle">
                <stroke
                    android:width="1dp"
                    android:color="@color/grey_coaching_text" />
            </shape>
        </item>

        <item
            android:bottom="1dp"
            android:top="1dp">
            <shape android:shape="rectangle">
                <solid android:color="@color/white" />
            </shape>
        </item>
    </layer-list>

Mục đầu tiên cho đột quỵ và thứ hai cho nền tảng vững chắc. Ẩn biên trái và phải.

Cách đơn giản nhất để thêm viền để chèn đường viền bằng cách sử dụng InsetDrawable, sau đây sẽ chỉ hiển thị đường viền trên cùng:

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetBottom="-2dp"
    android:insetLeft="-2dp"
    android:insetRight="-2dp">
    <shape android:shape="rectangle">

        <solid android:color="@color/light_gray" />
        <stroke
            android:width=".5dp"
            android:color="@color/dark_gray" />
    </shape>
</inset>

Thêm tệp vào res / drawable

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:left="-2dp" android:right="-2dp">
            <shape android:shape="rectangle">
                <stroke
                    android:width="1dp"
                    android:color="#000000" />
            </shape>
        </item>
    </layer-list>

Thêm liên kết trong hồ sơ này để nền tài sản

Hãy thử bọc hình ảnh bằng linearlayout và đặt nền của nó thành màu viền bạn muốn xung quanh văn bản. Sau đó đặt phần đệm trên textview thành độ dày bạn muốn cho đường viền của bạn.

Bạn cũng có thể sử dụng 9 đường dẫn để thực hiện công việc của mình. Tạo nó để pixel màu không nhân lên theo chiều cao mà chỉ pixel trong suốt.

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

<solid android:color="@color/light_grey1" />
<stroke
    android:width="1dip"
    android:color="@color/light_grey1" />

<corners
    android:bottomLeftRadius="0dp"
    android:bottomRightRadius="0dp"
    android:topLeftRadius="5dp"
    android:topRightRadius="5dp" />

    </shape>

Chỉ cần thêm Lượt xem ở trên cùng và dưới cùng của View

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/your_color"
        app:layout_constraintBottom_toTopOf="@+id/textView"
        app:layout_constraintEnd_toEndOf="@+id/textView"
        app:layout_constraintStart_toStartOf="@+id/textView" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="32dp"
        android:gravity="center"
        android:text="Testing"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/your_color"
        app:layout_constraintEnd_toEndOf="@+id/textView"
        app:layout_constraintStart_toStartOf="@+id/textView"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

</android.support.constraint.ConstraintLayout>

// Just simply add border around the image view or view

<ImageView
                android:id="@+id/imageView2"
                android:layout_width="90dp"
                android:layout_height="70dp"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@+id/imageView1"
                android:background="@android:color/white"
                android:padding="5dip" />

// After that dynamically put color into your view or image view object

objView.setBackgroundColor(Color.GREEN);

//VinodJ/Abhishek

<TextView
    android:id="@+id/textView3"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="#72cdf4"
    android:text=" aa" />

Chỉ cần thêm TextView này bên dưới văn bản mà bạn muốn thêm đường viền

Chỉ cần thực thi của @phreakhead và user1051892 của câu trả lời, <item android:bottom|android:left|android:right|android:top>nếu tiêu cực, phải để được lớn hơn <stroke android:width>. Nếu không, bức tranh vật phẩm sẽ được trộn lẫn với bức tranh đột quỵ và bạn có thể nghĩ rằng những giá trị này không hoạt động.