Android半透明卡/布局就像及时的应用程序

时间:2014-06-23 01:11:13

标签: android android-layout android-ui android-cards

我试图将此布局复制出美丽的Android Timely应用

enter image description here

具体来说,半透明的盒子里面有所有的警报信息。不确定它是否是填充颜色略微不同的布局,而alpha值设置得非常高。任何想法/提示将不胜感激!

谢谢,

-Vivek

1 个答案:

答案 0 :(得分:0)

我这样做:

的Manifest.xml

<activity
    android:theme="@style/PopupTheme"
    android:configChanges="orientation|screenSize"
    android:name="your.package.Activity">
</activity>

Styles.xml

<style name="PopupTheme" parent="Theme.AppCompat.Base.CompactMenu.Dialog">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:background">@android:color/transparent</item>
    <item name="android:textColor">@android:color/black</item>
    <item name="android:windowIsFloating">true</item>
</style>

Color.xml //您可以使用alpha值

<color name="transparent_black">#A0000000</color>

myLayout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/transparent"
    android:gravity="center">

    <LinearLayout
        android:id="@+id/root"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="20dp"
        android:gravity="center"
        android:background="@color/transparent_black">


        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:background="@android:color/transparent"
            android:layout_marginTop="30dp">

            <Button
                android:id="@+id/guardar"
                style="@style/boton_aceptar"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="@string/action_save"
                android:gravity="center"/>

        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

结果:白色部分它将成为手机中的当前屏幕。 My transparent activity