白色边框以及“线性布局”中的透明度

android java transparency android-drawable border

2022-09-02 02:44:12

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

以下是我所做的：

将以下内容保存为边框.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

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

答案 1

您的可绘制布局背景：

如果需要，可以更改角形状的半径。但是笔触将创建一个边框，并且实心部分是我们正在使透明化的背景。

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

和我的测试布局.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

答案 2

为此，您可以使用两个布局，一个在另一个顶部，然后设置背景，并将白色边框设置为的背景。你可以在里面做这件事。alignedtransparenttop viewbottom viewrelative layouts