images torture me, HELP!

How-to Discussions
1

Hi Fusers, i have some problems with images.
i have created a custom component like this

CardView.ux

<Panel ux:Class="CardView">
	<string ux:Property="Titre" />
	<string ux:Property="SousTitre" />
	<FileSource ux:Property="Img" />

	<Image File="{Property this.Img}" ContentAlignment="TopCenter" StretchMode="Uniform" Margin="0,0,0,7">
		<Text Value="{Property this.Titre}" Alignment="TopCenter" Margin="0,30,0,0" FontSize="20" />
		<Text Value="{Property this.SousTitre}" Alignment="TopCenter" Margin="0,80,0,0" FontSize="15" />
	</Image>	
</Panel>

and use this component inside another view
Debut.ux

<Panel ux:Class="Debut">
	<Router ux:Dependency="router" />
	<JavaScript>
		var MyData = [
			{
				"id":"01",
				"titre":"Services  et Techniciens",
				"icon":"Assets/card.png",
				"desc":""
			},
			{
				"id":"01",
				"titre":"Equipe Technique",
				"icon":"Assets/card.png",
				"desc":""
			},
			{
				"id":"01",
				"titre":"Techniciens Solicités",
				"icon":"Assets/card.png",
				"desc":""
			},
			{
				"id":"01",
				"titre":"Services Technique",
				"icon":"Assets/card.png",
				"desc":""
			},
			{
				"id":"01",
				"titre":"Signaler un probleme",
				"icon":"Assets/card.png",
				"desc":""
			}
		];

		module.exports = {
			MyData: MyData
		}
	</JavaScript>	
	<ScrollView>
		<StackPanel>	
			<Rectangle Height="40" CornerRadius="50" Fill="#ECEFF1" Width="95%" Margin="0,10,0,10">
				<TextInput PlaceholderText="Recherche" ActionStyle="Search" AutoCapitalizationHint="None" Alignment="Center"  />
			</Rectangle>
			<Each Items="{MyData}">
				<CardView Img="{icon}" Titre="{titre}" SousTitre="{desc}" />				
			</Each>
		</StackPanel>
	</ScrollView>
</Panel>

When i preview the result on my Android device, images don’t appear, and MONITOR return some errors

LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>
LOG: InternalError: ImageSource error: Couldn't open file: Assets/card.png in Fuse.Resources.FileImageSourceImpl<C:\Users\TOSHIBA\AppData\Local\Fusetools\Fuse\App\app-0.26.0.7741\Packages\Fuse.Elements\0.37.9\Resources\$.uno:590>

Thanks for help.

2

Hi!

Did you remember to add the images to your project bundle?

For example Assets/*.png:Bundle in your Includes in your .unoproj ?

1 Like