Configure Visual Assets

Question

Configure Visual Assets

Fritz Switzer 321

I'm trying to configure the details when I publish my .NET Maui app using the Project>Publish>Edit App Manifest. In the Visual Assets tab, I can't figure out where to change the "$placeholder$.png" labels after I use the Asset Generator.

There seems to be little/no documentation on updating these assets.

Please provide guidance/solution?

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2024-10-04T00:42:20.0333333+00:00

May I know whether your issue has been solved or not? If you're still having problems, please explain in detail what is still going wrong and what you need help with.

Accepted answer

0 additional answers

Your answer

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2024-10-04T00:42:20.0333333+00:00

May I know whether your issue has been solved or not? If you're still having problems, please explain in detail what is still going wrong and what you need help with.

Answer 1

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Microsoft External Staff

Hello,

There seems to be little/no documentation on updating these assets.

For details on how to change Visual Assert, please refer to this document.

Create icons using Visual Studio's asset generation tool

Click the ... next to the Source field and select the image you want to use. For best results, use a vector-based image, Adobe Illustrator file, or PDF. If you're using a bitmap image, make sure it's at least 400 by 400 pixels so that you get sharp results.

In the Display Settings section, configure these options:

Short name: Specify a short name for your app.

Show name: Indicate whether you want to display the short name on medium, wide, or large tiles.

Tile background: Specify the hex value or a color name for the tile background color. For example, #464646. The default value is transparent. NOTE: This setting will be ignored on versions of Windows that support theme-aware Live Tiles.

Splash screen background (Optional): Specify the hex value or color name for the splash screen background.

Click Generate.

Best Regards,

Alec Liu.

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Fritz Switzer 321 Reputation points

2024-09-10T13:15:28.43+00:00

That doesn't answer the question about the "$placeholder$.png". Where are these set? How do they impact the Generated images, and the names of the generated images?

Where is some solid and current documentation for these features?

The above screen from the .NET Maui Visual Assets page takes you to UWP pages.
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2024-09-12T06:20:47.48+00:00
The $placeholder$ in $placeholder$.png is a placeholder. You can change it to a name that meets your requirements according to the property explanations in this document.

uap:VisualElements (Windows 10) - Windows UWP applications | Microsoft Learn
Fritz Switzer 321 Reputation points

2024-09-18T20:14:41.88+00:00
That page doesn't answer my question.

What do I enter into the Small Tile Scaled Assets field? It currently has Resources\Images$placeholder$.png do I change this to any name , for example, my AppName = MauiApp4.png ? And the select Generate?

And do I enter this in all the other Visual Assets fields for $placeholders.png ?

A screenshot video would be great. :)

This page is a good start, but it stops right after Generate and doesn't explain the placeholder methods.

https://learn.microsoft.com/en-us/windows/apps/design/style/iconography/visual-studio-asset-generation?source=recommendations
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2024-09-19T02:27:23.2233333+00:00
What do I enter into the Small Tile Scaled Assets field? It currently has Resources\Images$placeholder$.png do I change this to any name , for example, my AppName = MauiApp4.png ? And the select Generate?

Yes, you can change it to any custom name. After clicking the Generate button, you will find that there are some more image files in the project, and their file names are in the format of xxx.scale-xxx.png. This is designed for the convenience of referencing image resources during the UWP era, you could refer to Load images and assets tailored for scale, theme, high contrast, and more for more details.

In Maui, you can change their Build Action to MauiImage and directly reference them in the project by file name.

Add images to a .NET MAUI app project

And do I enter this in all the other Visual Assets fields for $placeholders.png ?

If you need to use other Visual Assets, you need to manually modify them in each entry.

Share via

Configure Visual Assets

0 additional answers

Your answer