“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议将是相当有益的。

  • 如何在canvasandroid中设置validation?
  • 为什么getDrawable()在某些Android设备上不起作用?
  • 为imageview添加渐变
  • Android矢量drawable编辑器
  • 使用androidvector在前棒棒糖崩溃的Drawables
  • 为什么getDrawable()在某些Android设备上不起作用?
  • 从Uri检索可绘制资源
  • 如果我应用背景,如何返回EditText上的默认样式?
  • 您的可绘制的布局背景:

    如果你愿意,你可以改变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与中风的位图图像