19

我想添加一个线性布局，具有透明背景和白色边框。问题是：据我用谷歌搜索，我只能实现两者之一。

这是我所做的：

  1. 将以下内容另存为可绘制的border.xml

      <?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="#FFFFFF" /> 
  </shape>
  </item>   
     <item android:left="5dp" android:right="5dp" android:top="5dp" android:bottom="5dp" >  
     <shape android:shape="rectangle"> 
     </shape>
   </item>    
  </layer-list>

  2. 我现有的页面布局

         <LinearLayout
        android:id="@+id/quiz"
        android:layout_width="150dp"
        android:layout_height="120dp"
        android:background="#66041414"          <-------- replaced it with android:background="@drawable/border"
        android:orientation="vertical"
        android:layout_marginLeft="5dp" >

         ......
       </LinearLayout>

当包含边框时，我的背景变得不透明。

我希望最终结果如下：


参考图像

完全坚持下去。只是想找到一种方法来实现它。任何建议都会很有帮助。

4

4 回答 4

43

布局背景的可绘制对象：

如果需要，您可以更改角形状的半径。但是中风会创建一个边框，而实心部分是我们正在制作的透明背景。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
  <corners
      android:radius="2dp"
      android:topRightRadius="0dp"
      android:bottomRightRadius="0dp"
      android:bottomLeftRadius="0dp" />
  <stroke
      android:width="1dp"
      android:color="@android:color/white" />
  <solid android:color="@android:color/transparent"/>
</shape>

和我的测试 layout.xml

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


    <LinearLayout 
        android:id="@+id/ll2"
        android:layout_height="50dp"
        android:layout_width="50dp"
        android:background="@drawable/my_transparent_linear_layout"></LinearLayout>
</LinearLayout>

它有效，以下是证明：

在此处输入图像描述

于 2013-01-26T09:53:51.343 回答
2

用于背景的 XML 可绘制对象：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="30dp" />
<stroke android:width="5dp" android:color="#ffffffff"/>
<solid android:color="#66000000"/>
</shape>

随意调整半径、宽度和深色透明度（#ff 和#66 部分）。

于 2013-01-26T09:43:55.710 回答
2

为此，您可以使用两个布局aligned，一个在另一个之上，然后transparent为设置背景top view并将白色边框设置为bottom view. 你可以在里面做这件事relative layouts。

于 2013-01-26T09:44:37.297 回答
2

@Ali Imran 确实提出了很好的建议，请查看以下方式，希望对您有所帮助。

返回.xml

<?xml version="1.0" encoding="UTF-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> 
         <stroke android:width="1dp" android:color="#dd7b7a"/>
         <corners android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp" 
         android:topLeftRadius="10dp" android:topRightRadius="10dp"/> 
         <solid android:color="#dd7b7a"/>
     </shape>

主要的.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    >
<LinearLayout 
     android:padding="4dip"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/back"
    android:gravity="center_horizontal"
    >
<LinearLayout  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
   android:background="@drawable/tile_mode" // your transparent image
    />
</LinearLayout>  
</LinearLayout>

也可以通过下面的链接，使用方式xml适合你。

带笔画的圆角位图图像

于 2013-01-26T09:57:40.823 回答