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

我想添加一个线性布局,具有透明背景以及白色边框。 问题是:据我search,我只能实现一个。

以下是我所做的:

  1. 以drawable的forms保存下面的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> 

当边界被包括时,我变得不透明的背景。

我想最终的结果是这样的:

参考图像

完全卡住了。 只是想find一个出路来实现它。 任何build议将是相当有益的。

Solutions Collecting From Web of "“LinearLayout”中的白色边框以及透明度"

您的可绘制的布局背景:

如果你愿意,你可以改变angular落形状的半径。 但中风会创造一个边界,而坚实的部分是我们透明的背景。

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

和我的testinglayout.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> 

它的工作,以下是certificate:

在这里输入图像说明

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

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

确实很好的build议由@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会适合你。

圆angular与中风的位图图像