Question

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

这就是我的所作所为：

将以下内容保存为drawable

中的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>

我现有的页面布局

     <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>

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

我希望最终结果如下：

Reference image

完全坚持下去。只想找到实现它的出路。任何建议都会非常有用。

Answer 1

您的drawable为布局背景：

如果需要，您可以更改角形的半径。但是中风会创造一个边界，而坚实的部分就是我们透明的背景。

<?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>

有效，下面是证据：

enter image description here

Answer 2

Xml Drawable for background：

<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部分）。

Answer 3

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

Answer 4

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

back.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>

main.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的方式对您有用。

Bitmap image with rounded corners with stroke

白色边框以及“LinearLayout”中的透明度

4 个答案: