Android系统。如何在另一个图像上添加透明图像

时间:2013-02-05 22:15:01

标签: android xml splash-screen

我知道如何通过surfaceView做到这一点,我想知道我是否应该顺其自然。

我只是想创建一个闪屏,它有一个全屏图像,顶部有一个不透明的图像(经过短暂的延迟)。我无法弄清楚这是如何在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"
>

<ImageView
android:id="@+id/lightDot"
android:src="@drawable/splashlight"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@null"
 />

<ImageView
android:id="@+id/bGround"
android:src="@drawable/splash"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
 />

所以我的'lightDot'对象是半透明的,我希望在短暂的延迟后将其覆盖在我的bGround资源之上。

这是我的代码:

import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class SplashAct extends Activity implements OnClickListener{

Button mainButton;
Button lightDot;
ImageView background;
ImageView light;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.splashscreen);

    background = (ImageView)findViewById(R.id.bGround); 
    light = (ImageView)findViewById(R.id.lightDot); 

    background.setOnClickListener(this);
}


@Override
public void onClick(View arg0) {
    //finish();
    Intent toMainGame = new Intent(this, ActOptions.class);
    startActivity(toMainGame);
    }



}

谢谢。

4 个答案:

答案 0 :(得分:5)

你想要的是FrameLayout

  

子视图以堆栈形式绘制,最近添加的子项位于顶部。

您可以更好地了解叠加层使用layout_gravity的位置,但听起来这就是您所需要的全部内容。

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <ImageView
            android:id="@+id/image"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:src="@drawable/image" >
        </ImageView>

        <ImageView
            android:id="@+id/overlay"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:src="@drawable/overlay"/>
    </FrameLayout>

答案 1 :(得分:0)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:id="@+id/ll"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
***android:background="@drawable/splash"*** >

// Try this for invisible
iv.getBackground().setAlpha(0);

//Try this for visible 
iv.getBackground().setAlpha(255);

//What great about this is that you could create a loop 
//to slowly increment the alpha, creating a fade effect instead of 
//invisible to visible.

答案 2 :(得分:0)

使用相对布局而非线性布局。

这允许您将视图放在彼此的顶部,而不是在线性列表中。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >

  <ImageView
    android:id="@+id/lightDot"
    android:src="@drawable/splashlight"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@null"
     />

  <ImageView
    android:id="@+id/bGround"
    android:src="@drawable/splash"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
     />

</RelativeLayout>

要在时间之后显示Dot,请在xml中使用android:visiblity="INVISIBLE"。 (所以它开始不可见)

然后在代码中使用light.setVisiblity(View.VISIBLE);

答案 3 :(得分:0)

您可以使用LayerDrawable

定义一个简单的LinearLayout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/splash_layout"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>

在您的Activity类中:

LinearLayout layout = (LinearLayout) findViewById(R.id.splash_layout);
Drawable drawableLayers[] = new Drawable[] {getResources().getDrawable(R.drawable.splash), getResources().getDrawable(R.drawable.splashlight)};
// ^ The order of drawables is important: The above line overlays splashlight on top of splash.
LayerDrawable layerDrawable = new LayerDrawable(drawableLayers);
layout.setBackgroundDrawable(layerDrawable);