How do i add multiple images to a window?

[magn3054]

How to insert two different images?

[southalan]

Hello! Hope you are doing okay.

For that, you need:

1. Use load_image from file (snake.jpg) with a unique tag (Ex: first_image)
2. Then, apply add_static_texture, referencing the unique tag in point 1 (first_image) and also have a unique tag for the texture (Ex: Texture_A
3. Then, call drawlist with draw_image each time you want the image, using the unique tag for the texture defined in point 2.

import dearpygui.dearpygui as dpg

dpg.create_context()
width, height, channels, first_image = dpg.load_image("snake.jpg") # Load first image, using "data_A" as the tag so you can individually load the texture. 
width, height, channels, second_image = dpg.load_image("bird.jpg")  # Same, but with "data_B". 

with dpg.texture_registry():
    dpg.add_static_texture(width, height, first_image, tag="texture_A")
    dpg.add_static_texture(width, height, second_image, tag="texture_B")
with dpg.window(label="Tutorial"):
    with dpg.drawlist(width=700, height=700):
            dpg.draw_image("texture_A", (0, 400), (200, 500))
            dpg.draw_image("texture_B", (400, 300), (600, 500))

dpg.create_viewport(title='Custom Title', width=800, height=600)

dpg.setup_dearpygui()
dpg.show_viewport()
dpg.start_dearpygui()
dpg.destroy_context()

Snake

Bird

End Result with snippet of code provided

My snake gets funky, but you get the point :)

[keck-in-space]

I think your snake is funky because the width and height variables are being overwritten when you load the bird image. They are then being used to draw the image later.

[oOosys]

First let me show the result :

The "trick" to make the snake image appear properly without changing the code structure was to resize the snake image in first place to the size of the bird image and then render it in a bounding box of its original size what results in appropriate scaling which then reverses the resize.

Here the code which is written with DearPyGui beginner in mind and equipped with additional code demonstrating how to get a list of all supported parameter given a module method.
The code is written in oOo-style ( if you are curious what oOo is, please join my efforts to make it part of this world https://github.com/oOosys/oOo ) and hopefully helps you to start having fun writing DearPyGui code:

#										oOosys						     2025-01-16_12:21

birdImageNameTag		= "Bird"
snakeImageNameTag	= "SnakeAtBirdSize"

# =======================================================================

birdImageFileName		= f"{__file__[:-5]}{birdImageNameTag}{__file__[-6:-3]}.jpg"
snakeImageFileName	= f"{__file__[:-5]}{snakeImageNameTag}{__file__[-6:-3]}.jpg"
import dearpygui.dearpygui as dpg
#import inspect; signature = inspect.signature(dpg.create_viewport); print( signature.parameters)  ; exit() 
""" dpg.create_viewport() function  SIGNATURE = OrderedDict([
	(	'title'				, <Parameter "title: str = 'Dear PyGui'">), 
	(	'small_icon'			, <Parameter "small_icon: str = ''">), ('large_icon', <Parameter "large_icon: str = ''">), 
	(	'width'				, <Parameter "width: int = 1280">), ('height', <Parameter "height: int = 800">), 
	(	'x_pos'				, <Parameter "x_pos: int = 100">), ('y_pos', <Parameter "y_pos: int = 100">), 
	(	'min_width'			, <Parameter "min_width: int = 250">), ('max_width', <Parameter "max_width: int = 10000">), 
	(	'min_height'		, <Parameter "min_height: int = 250">), ('max_height', <Parameter "max_height: int = 10000">), 
	(	'resizable'			, <Parameter "resizable: bool = True">), 
	(	'vsync'				, <Parameter "vsync: bool = True">), 
	(	'always_on_top'		, <Parameter "always_on_top: bool = False">), 
	(	'decorated'			, <Parameter "decorated: bool = True">), 
	(	'clear_color'		, <Parameter "clear_color: Union[List[float], Tuple[float, ...]] = (0, 0, 0, 255)">), 
	(	'disable_close'		, <Parameter "disable_close: bool = False">), 
	(	'kwargs'			, <Parameter "**kwargs">)])"""
#import inspect; signature = inspect.signature(dpg.window); print( signature.parameters)  ; exit() 
""" dpg.window() function SIGNATURE = OrderedDict([
	(	'label'							, <Parameter "label: str = None">), 
	(	'user_data'						, <Parameter "user_data: Any = None">), 
	(	'use_internal_label'				, <Parameter "use_internal_label: bool = True">), 
	(	'tag'							, <Parameter "tag: Union[int, str] = 0">), 
	(	'width'							, <Parameter "width: int = 0">), ('height', <Parameter "height: int = 0">), 
	(	'indent'							, <Parameter "indent: int = -1">), 
	(	'show'							, <Parameter "show: bool = True">), 
	(	'pos'							, <Parameter "pos: Union[List[int], Tuple[int, ...]] = []">), 
	(	'delay_search'					, <Parameter "delay_search: bool = False">), 
	(	'min_size'						, <Parameter "min_size: Union[List[int], Tuple[int, ...]] = [100, 100]">), ('max_size', <Parameter "max_size: Union[List[int], Tuple[int, ...]] = [30000, 30000]">), 
	(	'menubar'						, <Parameter "menubar: bool = False">), 
	(	'collapsed'						, <Parameter "collapsed: bool = False">), 
	(	'autosize'						, <Parameter "autosize: bool = False">), 
	(	'no_resize'						, <Parameter "no_resize: bool = False">), 
	(	'unsaved_document'			, <Parameter "unsaved_document: bool = False">), 
	(	'no_title_bar'					, <Parameter "no_title_bar: bool = False">), 
	(	'no_move'						, <Parameter "no_move: bool = False">), 
	(	'no_scrollbar'					, <Parameter "no_scrollbar: bool = False">), 
	(	'no_collapse'					, <Parameter "no_collapse: bool = False">), 
	(	'horizontal_scrollbar'			, <Parameter "horizontal_scrollbar: bool = False">), 
	(	'no_focus_on_appearing'		, <Parameter "no_focus_on_appearing: bool = False">), 
	(	'no_bring_to_front_on_focus'	, <Parameter "no_bring_to_front_on_focus: bool = False">), 
	(	'no_close'						, <Parameter "no_close: bool = False">), 
	(	'no_background'				, <Parameter "no_background: bool = False">), 
	(	'modal'							, <Parameter "modal: bool = False">), ('popup', <Parameter "popup: bool = False">), 
	(	'no_saved_settings'				, <Parameter "no_saved_settings: bool = False">), 
	(	'no_open_over_existing_popup'	, <Parameter "no_open_over_existing_popup: bool = True">), 
	(	'no_scroll_with_mouse'			, <Parameter "no_scroll_with_mouse: bool = False">), 
	(	'on_close'						, <Parameter "on_close: Callable = None">), 
	(	'kwargs'						, <Parameter "**kwargs">)])"""

dpg.create_context()
# viewport in DearPyGui is actually the WINDOW in sense of the systems  Window Manager
dpg.create_viewport(title=__file__[__file__.rfind("/")+1:-6], width=360, height=420)
# 	^-- ORDER matters ... first create_context(), then dpg.create_viewport() ELSE : "Segmentation fault (core dumped) >Exit code: 139"

width, height, channels, imgSnake	= dpg.load_image(snakeImageFileName)
width, height, channels, imgBird		= dpg.load_image(birdImageFileName)
with dpg.texture_registry(): # required to avoid :" Segmentation fault (core dumped) >Exit code: 139"
	dpg.add_static_texture(width, height, imgSnake		, tag="snake")
	dpg.add_static_texture(width, height, imgBird		, tag="bird")

# window is in DearPyGui a FRAME within the actual Window Manager window
with dpg.window(label="TwoImages FRAME (window) DEMO", pos=(10,10) ):
	with dpg.drawlist(width=320, height=370): 
		# ^-- requires all images having the same original size
			dpg.draw_image("bird"		, (    60,     0),  (260, 178)) 
			# boundingBox:  (xTopLeft, yTopLeft) , (xTopLeft+imWidth, yTopLeft+imHeight)
			dpg.draw_image("snake"	, (      10, 200), (310, 368))
# ---
dpg.setup_dearpygui()
dpg.show_viewport()
dpg.start_dearpygui()
# ---
dpg.destroy_context()

For the sake of completeness here the resized snake image used in the code above: