硬编码带边框的矩形

Question

我想绘制一个灰色的矩形，其周围只有一个红色的边框，但是我已经看到这种方式有许多不同的方式，所以我希望有人告诉我为了达到这个目的，哪种方法最好？以下是我的代码，但我想知道是否有更简单的方法。没有Java请。我只想要xml。

  <RelativeLayout 
      android:layout_width="10dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_weight=".25"> 

      <RelativeLayout 
       android:layout_width="7dp" 
       android:layout_height="7dp" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 

布局不对齐

 <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="40dp" 
     android:background="@color/grey" 
     android:layout_weight=".25" > 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:text="3" 
      android:textColor="@color/black"/> 

     <RelativeLayout 
      android:layout_width="10dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_weight=".25"> 

      <RelativeLayout 
       android:layout_width="7dp" 
       android:layout_height="7dp" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="15dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_alignParentLeft="true"> 

      <RelativeLayout 
       android:layout_width="12dp" 
       android:layout_height="7dp" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="15dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_alignParentRight="true"> 

      <RelativeLayout 
       android:layout_width="12dp" 
       android:layout_height="7dp" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="15dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentLeft="true"> 

      <RelativeLayout 
       android:layout_width="12dp" 
       android:layout_height="7dp" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="15dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_alignParentBottom="true" 
      android:layout_centerHorizontal="true" 
      android:padding="1.5dp"> 

      <RelativeLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 

     <RelativeLayout 
      android:layout_width="15dp" 
      android:layout_height="10dp" 
      android:background="@color/red" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentRight="true"> 

      <RelativeLayout 
       android:layout_width="12dp" 
       android:layout_height="7dp" 
       android:background="@color/grey" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true"/> 
     </RelativeLayout> 
    </RelativeLayout> 

Answer 1

在你绘制 rectangle.xml

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

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

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

    <stroke 
     android:width="0.5dp" 
     android:color="#ff0000" > 
    </stroke> 

</shape> 

而你的布局。

<?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="match_parent" 
    android:orientation="vertical" 
    android:background="@drawable/rectangle" 
    > 
    </LinearLayout> 

您可以更改所需的颜色代码和边框宽度。

Answer 2

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#ff0000" 
android:padding="10dp"> 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_centerInParent="true" 
    android:background="#f4f4f4" 
    > 

</RelativeLayout> 

Answer 3

LinearLayout和RelativeLayout是视图组。相反，他们使用简单的视图

android：background =“@ drawable/rectangle” attribute（see next answer）。