I'm experimenting with .net maui. i'm using vs 17.3 preview 4. I'd like to change the spash screen. i would think that i would change the content of the spash.svg file. I've changed the content of the file. I've left the property of the file as mauispashscreen. I've created a simple png file and have converted it with an online svg converter. the file is viewable with msft edge browser. All i get is a purple screen without the text changes. I'm just trying to do something simple. what should i look for in the setup of the file or the project? any suggestions are appreciated.
Wally
At first, please double click your project and check if there is the code in your projectname.csproj file or not. It seems when you delete the splash.svg file and add a new one in the resources, the code will be auto deleted.
<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" />
And then, I have tried to convert a png to svg, but the picture can't show perfectly as the splash. So I download a svg from the svg picture website and it can work well.
It seems maui can't make all the svg show as the splash screen perfectly. You can also download one instead of converting the png.
Related
I have an SVG file, how can i interact with it and change color of different portions of SVG file.
I am trying this thing very first time, and i am confused how to achieve it. Any possible and step by step solutions?
TIA
I have an SVG type file. I want to show it in my Flutter app using flutter_svg package. But when I imported it, the color turns into black.
According to this answer, I 'm using this software to clean it.
For some files, it's worked really well. But, I have an issue with this file.
When I'm trying to show it in my app, the stroke width decreased and my SVG becomes really thin.
This is what I want:
But, this is what I've got:
Does anyone have an idea how to solve this?
ATTACHMENT: This is the SVG file link
You need to create a path from the outline stroke line.
this is your svg: https://gist.github.com/kherel/02f288ecd73f0c29a04b1f2d9c5db3e3
I've used figma
I am making an app icon in flutter. And I have a problem. I want to make my app icon with square shape. But I am just getting the circle shape icon.
How can i change the shape of the icon?
You can't change the shape of app icon by coding.
So, what you can do is that:
Make a circular icon with it's background transparent
Save it and drag & drop that image file here
Generate the icon, it will download a zip file
Extract the android folder from that (other files are not necessary)
Copy all the contents ("mipmap-" folders) from the android folder (it's basically the different icon sizes)
Go to res folder in your project location -> F:\flutter\project_name\android\app\src\main\res
And replace all mipmap- folder with the new one which has your created logo
This may help you
I think it's set up automatically by Google through Adaptive Icons.
So your app Icon will automatically change based on your device theme, setting, etc.
You don't need to worry about that. All you need to do is provide a square app icon.
In your image, you can look at the YouTube icon. It's basically a square, but because it's adaptive (automatically as long as you set it up correctly), it could transform into several different shapes.
You can read more here, or here.
Yes you can do that. But you need to have sdk higher than 26.
https://www.youtube.com/watch?v=hpQenyqxTmw
After you generate your app icons from: https://appicon.co/, simply replace all folders contained in zip for android with the already existing folders in res directory .
Then go to app>src>main>res
Right-click on res and select new> image asset.
Adjust the icon to how you want it to appear.
Trying to make my own progressing/loading message dialog by keeping an animated image like GIF in it. But, its not working.
Can any one help me how to use the animated images in Smartface app studio.
Thanks in advance
Up to now, only png files were being used to show icons in Smartface.
But, with the new release (4.5.0), "Assets" folder will be in use. You will be able to place different kind of files inside this folder, and you can reach them such as below :
assets://myfile.txt
I have created a website using Adobe Muse and have uploaded the site to the ftp server . The website is live and is as designed when looked via a desktop. But when the same site is being viewed from a mobile, the entire page is getting left aligned and there is a gap to the right side. I even made a phone layout and uploaded the same to the ftp server and the problem still persists. Ive googled a lot and inserted html code into the metadata to make the site centered but in vain. Nothing works . I have a tight deadline and would really be grateful for any quick help.
maybe your images are placed in pixels... If I am right
try using a rectangular tool... fill it with image then make the width 100%
to view the sample image click here
The size of mobile layout in muse is fix... I think the mobile you are using have different size... so just start using % on placing the images like the background etc.
There's a setting that was causing my content to be left-aligned in the phone layout.
Click Page > Page Properties
There's an un-marked button to the far right of Padding - click this and set it to centered. By default it is left-aligned.