Question regarding images

[limafresh]

How to make it like in the picture?

I do

wallpaper := canvas.NewImageFromResource(wallpaperRes)
wallpaper.FillMode = canvas.ImageFillStretch

area := container.NewMax(wallpaper, myVScroll)

[andydotxyz]

canvas.ImageFillCover, from the documentation:

ImageFillCover maintains the image aspect ratio whilst filling the space.
The image content will be centered on the available space meaning that an equal amount of top and bottom
or left and right will be clipped if the output aspect ratio does not match the source image.

[limafresh]

I noticed a problem: if the window width is significantly greater than the height, the image becomes blurry. This isn't a problem with image quality. If the window is 600x400, for example, it's fine, but if it's 600x200, the blurriness is noticeable. And vice versa if the height is significantly greater than the width.

Is there anything that can be done here by any chance?

package main

import (
	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/canvas"
	"fyne.io/fyne/v2/container"
	"fyne.io/fyne/v2/widget"
)

func main() {
	a := app.New()
	w := a.NewWindow("example")
	w.Resize(fyne.NewSize(400, 500))

    background := canvas.NewImageFromFile("standard.png")
    background.FillMode = canvas.ImageFillCover

	labels := []string{
		"Label 1",
		"Label 2",
		"Label 3",
		"Label 4",
		"Label 5",
		"Label 6",
		"Label 7",
		"Label 8",
		"Label 9",
		"Label 10",
	}

	labelItems := container.NewVBox()
	for _, labelText := range labels {
		l := widget.NewLabel(labelText)
		labelItems.Add(l)
	}

	scrollBox := container.NewScroll(labelItems)

	content := container.NewMax(
		background,
		scrollBox,
	)

	w.SetContent(content)
	w.ShowAndRun()
}

[andydotxyz]

Very strange. Please open an issue.

[limafresh]

Very strange. Please open an issue.

Opened. #6282

[andydotxyz]

Note also that NewMax has been replaced with NewStack.