时间戳

首页 > 解决方案 > 将位图添加到布局时，仅显示 for 循环中的第一张图像

java - 将位图添加到布局时，仅显示 for 循环中的第一张图像

问题描述

语境

我正在开发一个应用程序，在某个时刻，一堆图像被添加到屏幕上。这些图像存储在 SQLite 数据库中。

这个怎么运作

我有一个for循环遍历每个具有自己图像的实体。在循环内部，我在屏幕上获得一个随机位置，并在当前实体的图像旁边，View在该随机位置上添加一个自定义。

问题

该for循环遍历从数据库收集的所有数据，正确获取坐标和图像，并且没有Exception抛出。然而，在主布局中，仅显示第一个实体的图像，尽管addView正在为所有实体中的每一个执行。出现的图像只显示一次。

片段

主要活动方式：

// Método que establece el estado inicial de la aplicación
// TODO: Sólo se ve la cereza
private void estadoInicial()
{
    // Recorremos cada fruta obtenida
    for (int i = 0; i < this.contenedorFrutasOriginal.size(); i++)
    {
        // Obtenemos la fruta de la iteración actual
        DTOFruta frutaActual = this.contenedorFrutasOriginal.get(i);

        if (frutaActual.getImagen() != null)
        {
            // Obtenemos una posición aleatoria en la pantalla
            DTOPunto posicionAleatoria = this.objLogicaVistas.ObtenerCoordenadaAleatoria(getWindowManager().getDefaultDisplay());


            // Creamos una imagen a partir de la fruta
            DTOImagen imagenFruta = new DTOImagen(this, new Paint(),
                                                  frutaActual.getImagen(), posicionAleatoria);

            // Añadimos la imagen a la pantalla
            this.layoutPrincipal.addView(imagenFruta);
        }
    }
}

从屏幕获取随机坐标的方法： 

// Método que obtiene una coordenada aleatoria en la pantalla recibida
public DTOPunto ObtenerCoordenadaAleatoria(Display pantalla)
{
    // Obtenemos el tamaño de la pantalla
    Point tamanoPantalla = new Point();
    pantalla.getSize(tamanoPantalla);

    // Obtenemos unos valores para los ejes x e y aleatorios
    float xAleatorio = new Random().nextFloat() * tamanoPantalla.x;
    float yAleatorio = new Random().nextFloat() * tamanoPantalla.y;

    // Creamos el punto aleatorio a partir de los valores obtenidos
    return new DTOPunto(xAleatorio, yAleatorio);
}

在屏幕上绘制图像的类： 

// Clase que representa una vista con una imagen
@SuppressLint("ViewConstructor")
public class DTOImagen extends View
{
// Atributos
private Paint brocha;
private byte[] imagen = null;
private DTOPunto coordenadas;

// Controladores
private boolean arrastrando;


// Propiedades
public Bitmap getImagenBitmap()
{
    return BitmapFactory.decodeByteArray(this.imagen, 0, this.imagen.length);
}




// Constructor
public DTOImagen(Context context, Paint brocha, byte[] imagen, DTOPunto coordenadas)
{
    super(context);

    // Obtenemos los datos de la imagen
    this.brocha = brocha;
    if (imagen != null)
    {
        this.imagen = imagen;
    }
    this.coordenadas = coordenadas;

    // Asignamos los controladores de la imagen
    this.arrastrando = false;
}




// Método que controla las acciones a realizar al tocar la vista en pantalla
@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouchEvent(MotionEvent event)
{
    // Comprobamos el evento realizado
    switch (event.getAction())
    {
        // Se ha tocado la pantalla
        case MotionEvent.ACTION_DOWN:
            // Obtenemos el hitbox de la vista
            RectF hitbox = this.obtenerHitbox();

            // Comprobamos si se ha tocado dentro del hitbox de la vista
            if (hitbox.contains(event.getX(), event.getY()))
            {
                // La vista se va a arrastrar
                this.arrastrando = true;
            }
            break;

        // Se está arrastrando la vista
        case MotionEvent.ACTION_MOVE:
            // Comprobamos si se está arrastrando la vista
            if (this.arrastrando)
            {
                // Actualizamos las coordenadas de la vista
                this.coordenadas.setX(event.getX());
                this.coordenadas.setY(event.getY());

                // Invalidamos la vista para que se redibuje
                this.invalidate();
            }
            break;

        // Se ha dejado de tocar la vista
        case MotionEvent.ACTION_UP:
            // La imagen se deja de arrastrar
            this.arrastrando = false;
            break;
    }

    return true;
}


// Método que dibuja la vista
@SuppressLint("DrawAllocation")
@Override
protected void onDraw(Canvas canvas)
{
    // Comprobamos que haya imagen
    if (this.imagen != null)
    {
        // Dibujamos la imagen en las coordenadas correspondientes
        canvas.drawBitmap(this.getImagenBitmap(), this.coordenadas.getX(),
                          this.coordenadas.getY(), this.brocha);
    }
}




// Método que obtiene el hitbox de una imagen
private RectF obtenerHitbox()
{
    // Obtenemos las mitades de la altura y ancho de la imagen
    float ancho = this.getImagenBitmap().getWidth();
    float altura = this.getImagenBitmap().getHeight();

    // Obtenemos las paredes de la vista
    float paredIzquierda = this.coordenadas.getX();
    float paredDerecha = this.coordenadas.getX() + ancho;
    float paredArriba = this.coordenadas.getY();
    float paredAbajo = this.coordenadas.getY() + altura;

    // Hitbox de la vista
    return new RectF(paredIzquierda, paredArriba, paredDerecha, paredAbajo);
}
}

layoutPrincipalXML: 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".capa_vistas.ActPrincipal">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/fondo"
    android:contentDescription="@null" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/layoutPrincipal"
    android:orientation="vertical">

</LinearLayout>

</RelativeLayout>

调试

下图显示了循环 layoutPrincipal后的子节点： PD:是一个表示 2D 点的类，它只有几个, 用于 X 和 Y 轴值。 2nd PD：在最后一次迭代中，我发现布局将所有以前的图像都作为子图像，所以看起来这些图像都被正确添加了。for添加视图后布局子级DTOPuntofloat

标签： javaandroidandroid-studioandroid-layout

解决方案

改变这个：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".capa_vistas.ActPrincipal">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/fondo"
    android:contentDescription="@null" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/layoutPrincipal"
    android:orientation="vertical">

</LinearLayout>

</RelativeLayout>

对此：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context=".capa_vistas.ActPrincipal">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@mipmap/fondo"
    android:contentDescription="@null" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/layoutPrincipal"
    android:orientation="vertical">

</LinearLayout>

</RelativeLayout>

您的图像在那里，它只是占据了全屏。当您开始滚动时（如果此布局在可滚动范围内），您会看到它就在那里。

推荐阅读