Есть ли более простой / лучший способ поместить рамку / контур вокруг моего TextView? - PullRequest
27 голосов
/ 10 марта 2011

Так что я хотел иметь TextView с крутой рамкой вокруг него. Я не мог найти никакого стандартного способа сделать это, поэтому я придумал это:

@ drawable / custom_bg_1: синяя округлая форма

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#439CC8"/>
    <corners android:radius="3dp" />
    <padding android:left="10dp" android:top="10dp"
        android:right="10dp" android:bottom="10dp" />
</shape>

@ drawable / custom_bg_2: белая округлая форма

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

myactivity.xml: xml для действия

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  android:padding="15dp" >

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="2dp"
    android:background="@drawable/custom_bg_1" >

      <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content"
        android:text="@string/curr_loc"
        android:textSize="15sp"
        android:background="@drawable/custom_bg_2" />

  </LinearLayout>
</Linearlayout>

Итог:

picture of blue border

То, что я делаю здесь, это наложение белого фона формы на синий фон формы, чтобы получить эффект синей границы. Я не могу себе представить, что это лучший способ получить этот эффект. Я видел другие посты, которые пытаются решить эту проблему, такие как это и это , но я чувствую, что они так же много обходят, как и моя реализация.

Есть ли лучший способ или более стандартный способ просто поместить границу вокруг определенных представлений, таких как TextView, или я должен просто придерживаться способа, которым я это делаю?


EDIT

Я изменил custom_bg_2.xml, чтобы он выглядел так:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <stroke android:width="2dp" android:color="#000000"/>
    <corners android:radius="3dp" />
    <padding android:left="10dp" android:top="10dp"
        android:right="10dp" android:bottom="10dp" />
</shape>

И теперь я получаю такой результат:

blue and black border

Похоже, я могу добиться контура, включив <stroke ... /> в форме.

Ответы [ 2 ]

38 голосов
/ 10 марта 2011

Вы, вероятно, можете обойтись только custom_bg_2, если добавите секцию :

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <corners android:radius="3dp" />
    <padding android:left="10dp" android:top="10dp"
        android:right="10dp" android:bottom="10dp" />
    <stroke android:color="#439CC8" android:width="2dp" />
</shape>
3 голосов
/ 10 марта 2011

Почему бы не попробовать штрих вместо solid ?

Согласно Shape Drawable вы можете сделать что-то вроде:

<stroke android:width="2dp" android:color="#439CC8"/>

вместо <solid/>, а затем установите его в качестве TextView фона.

...