交叉渐变图像视图

时间:2019-01-05 10:22:57

标签: android android-layout android-fragments

嗨,我对交叉渐变的图像视图有疑问

1)在我的项目中,我有两张图像,第一张图像的alpha = 1和oncllick = myDhoni1,第二张图像的alpha = 0,所以第一张图像仅在我在模拟器中运行应用程序时才可见。

现在我在这里怀疑是否单击第一个图像淡出并且第二个图像淡入,再次单击第二个图像淡入和第一个图像淡入,但是这里我仅将onClick函数指定为第一个图像,因此,如果我单击第二个图像,代码将不起作用bcz我没有为第二个图像指定onClick函数,但是代码运行良好,这会产生疑问,并且

2)我想交叉渐变如何工作?

代码:

package com.example.aravi.demo_0501;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {

public void myDhoni1(View dhoni){
    ImageView a = (ImageView) findViewById(R.id.imageView);
    ImageView b = (ImageView) findViewById(R.id.imageView2);
    if(b.getAlpha()==0f){
        b.animate().alpha(1f).setDuration(2500);
        a.animate().alpha(0f).setDuration(2500);
    }else{
        b.animate().alpha(0f).setDuration(2500);
        a.animate().alpha(1f).setDuration(2500);
    }
    Toast.makeText(MainActivity.this,"Image is 
 pressed",Toast.LENGTH_SHORT).show();
}
}

布局代码:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<ImageView
    android:id="@+id/imageView"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginStart="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginBottom="8dp"
    android:onClick="myDhoni1"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:srcCompat="@drawable/dhoni1" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginStart="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginBottom="8dp"
    android:alpha="0"
    app:layout_constraintBottom_toBottomOf="@+id/imageView"
    app:layout_constraintEnd_toEndOf="@+id/imageView"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:srcCompat="@drawable/dhoni" />
 </android.support.constraint.ConstraintLayout>

1 个答案:

答案 0 :(得分:0)

在这里,alpha的{​​{1}}属性的Crossfade发生了,单击图像并显示第二个imageview后,第一个图像imageview变为0,这并不意味着图像已从该位置消失。视图仍然存在,但完全透明。因此,第一张图片上的点击事件仍然适用

您可以根据自己的情况执行以下解决方法: 在方法myDhoni1中,引用图像视图后,添加以下行:

alpha

我们要做的是,一旦第一张图片变得透明,我们就不会执行点击监听器