Splash screen Flutter - flutter

I added the logo in different resolutions in folders for splash screen.
When my app start, i see a logo with resolution 280x175 (i uploaded a logo of this resolution, because it looks good). In splash screen its looks diffuse. How can I show the logo in high resolution?
If I add a logo in a higher resolution, it does not fit on the screen.
I need logo in splash screen in size 280px width
I have folders in src/main/res and uploaded logos there
drawable
resolution logo - 280x175
drawable-v21
resolution logo - 280x175
mipmap-hdpi
resolution logo - 800x480
mipmap-mdpi
resolution logo - 480x320
mipmap-xhdpi
resolution logo - 1280x720
mipmap-xxhdpi
resolution logo - 1600x960
mipmap-xxxhdpi
resolution logo - 1920x1280
My code in folders - drawable and drawable-v21
launch_background.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="#android:color/white" />
<!-- You can insert your own image assets here -->
<item>
<bitmap
android:layout_height="fill_parent"
android:gravity="center"
android:src="#drawable/logo"
</item>
</layer-list>
How to change the code so that the logo on the home screen is clear and sharp?

Related

Maui splash screen is not scaled correctly

I'm building a Maui mobile app (android and ios). I have a problem, that my splash screen is not scaled correctly. I have defined it this way in the project csproj file:
<MauiSplashScreen Include="Resources\Images\splashscreen.png" Color="#66B3FF" BaseSize="512,512" />
File format is png and size 482 x 482. The image should be scaled down to fit the screen, but it's cropped at the sides. I have tried with different BaseSize values. The parameter seems to have no effect at all. How can I resize the image to fit the screen? Is there an error in my configuration or is there a bug in Maui?
Edit:
Alternatively, is it possible to disable the default splash screen and use a completely custom, xaml based splash screen in maui?
There is an existed issue about MauiSplashScreen resizetizering issue on the github.
And according to the workaround in it, the image will be resize in the Maui Prject which target is .net 7.0.
So you can try to use the .net 7.0 and add the Resize = "true" in the .csproj such as:
<MauiSplashScreen Include="Resources\Images\splashscreen.png" Color="#66B3FF" BaseSize="512,512" `Resize = "true"`/>
In addition, I have created a new project and set the splash image as a png file which size is 482 x 482. And the image showed correctly.

PWA Splash screen icon is too small

I have 512px ,384px (including maskable 384px icon) icon in my manifest file but in my PWA splash screen it is showing too small.
I tried only using 512px logo, (Including maskable icon) but still same problem.

Mobclix Ads are not center alligned?

I am using MobClix for displaying Ads, but some Ads are not center aligned, but they are left aligned. I have set contentMode of the view to UIViewContentModeCenter but it didn't work, How to fix this.
(In the image some white space at the end)
I use MobclixMMABannerXLAdView from Mobclix SDK on android and it has fixed size.
As for me layout adjustment to show ads on the center of screen.
for RelativeLayout following code works fine:
<com.mobclix.android.sdk.MobclixMMABannerXLAdView
android:id="#+id/advertising_banner_view"
android:layout_height="50dp"
android:layout_width="match_parent"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:tag="adspace" />

enhancing image quality for iphone 4 from 72ppi to 326ppi

I have been trying to understand how to enhance the button quality of my mobile design. My navigation buttons are currently a png sprite that is 72ppi then I have a copy of these buttons in 326 ppi. I have read that iphone4 can automatically pick up the 326ppi image by adding #x2 to the current navigation sprite? At the moment I'm just a little confused about the process and how my current navigation sprite of 194x343px # 72ppi can change into an image 335x1469px # 326ppi?
If anyone can provide some useful info and guidance that would be great.
Kyle
Based on what I could gather, you can create an override stylesheet targeted towards iPhone 4 using this technique. What you need is a #media query, and you're good to go.
#media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 4 styles */
}
Or, if you would want to link to an external stylesheet, use:
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />
If your button's dimensions are 194x343px on a normal display then include a file called button.png of this size in your project and link to it in Interface Builder - then you also want an image with the dimensions 388x686px (double the size) and with a filename of button#2x.png in your project. Your app will automatically use this higher resolution image when running on a retina display.

Apple Startup Image not showing up

Cannot seem to get the Apple Startup image to appear on our mobile (not native) app.
I have:
Added meta tag -
Tried both 320x480 and 320x460 .png images and nothing
Tried to use an absolute url
looked at logs and image seems to be called just not appearing on iphone (or iPad)
Using Apple naming conventions, like: Default.png, Default#2x.png, etc.
Help!
Doug
You can not have a landscape startup image on an iPhone. Landscape images ONLY work on the iPad. Also, you must use the proper size on the iPhone, or it will not display at all.
This will add a Splash Screen to your Web App. Below are the sizes you’ll need for both iPad and iPhone/iPod Touch, these include the status bar area as well.
iPad Landscape – 1024 x 748
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" />
iPad Portrait – 768 x 1004
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" />
iPhone/iPod Touch Portrait – 320 x 480 (standard resolution)
<link rel="apple-touch-startup-image" href="img/splash-screen-320x460.png" />
iPhone/iPod Touch Portrait – 640 x 960 pixels (Retina Display high-resolution)
<link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" />
If creating a Web App for iPad compatibility it’s recommended that both Landscape and Portrait sizes are used.