如何更改启动画面中图像的大小?

Posted

技术标签:

【中文标题】如何更改启动画面中图像的大小?【英文标题】:How to change the size of image in splash screen? 【发布时间】:2020-05-04 04:19:30 【问题描述】:

我有一个问题,我有一个带有图像和背景颜色的启动画面,但图像渲染很小,我该如何更改它?

这是我的launch_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<item>
    <bitmap android:gravity="center" android:src="@drawable/splash" />
</item>

如果您知道在 Android 和 ios 上解决它的包或方法,那将是完美的。

【问题讨论】:

你是在颤抖吗? 是的,我使用颤振 查看这个链接,它会给你关于闪屏的想法:***.com/questions/54575622/…medium.com/@vignesh_prakash/flutter-splash-screen-84fb0307ac55 试试看这个问题:***.com/a/48101776/4420152 显示你的初始屏幕代码 【参考方案1】:

试试这样的:

Widget build(BuildContext context) 
    return Scaffold(
      body: Center(
          child: Container(
              child: Image.asset(
                  'images/YOUR_IMAGE_URL.png',
                  height: MediaQuery.of(context).size.width / 2.5,
                  width: MediaQuery.of(context).size.width / 2.5,
              )
          ))
     );
  

【讨论】:

@StefanoSaitta 没有必要只为启动屏幕使用库,上面的代码就足够了,这也是响应式的 op 在这里要求的是本机启动画面,例如这个,来自 Flutter 文档:flutter.dev/docs/development/add-to-app/android/…【参考方案2】:

从 API 23 开始,Android 似乎可以通过执行以下操作:

    <item
        android:gravity="center"
        android:drawable="@drawable/logo_splash"
        android:
        android:>

但我不知道这将如何在不同的分辨率和屏幕上播放。

如果您知道在 Android 和 IOS 上解决它的包或方法,那将是完美的。 :)

有一个插件似乎可以满足您的需求,而无需您同时配置 IOSAndroid,请查看 https://github.com/henriquearthur/flutter_native_splash

编辑:假设您的问题是本机启动画面,而不仅仅是应用程序的初始页面。

【讨论】:

【参考方案3】:

我建议您使用 pub.dev 中提供的动画启动画面。 Animated Splash 我在我的应用程序中使用了这个插件,并根据我的需要对其进行了定制。 在那里,您可以更改图像的大小,并且它是用 dart 编写的,因此您也可以轻松理解它。 希望对您有所帮助。

【讨论】:

【参考方案4】:

简单:创建更大的徽标文件

我也遇到了同样的问题,因为您可以在下面的打印中看到我的徽标非常小:

为什么?

为什么"hdpi", "mdpi", "xhdpi", "xxhdpi", "xxxhdpi" 文件夹中的文件分别为像素大小:48, 72, 96, 144, 192, 512

如何解决?

创建更大的徽标文件

在我的例子中,我将上面提到的文件夹中文件的像素大小加倍,所以"hdpi", "mdpi", "xhdpi", "xxhdpi", "xxxhdpi" 文件夹分别是像素大小:88, 144, 192, 288, 384, 1024。结果是这样的:

【讨论】:

对不起,我否决了你的答案,它实际上对我有用。【参考方案5】:

我遇到了同样的问题,但这是我所做的。

我将“中心”值更改为“填充”

那是

<item>
    <bitmap android:gravity="fill" android:src="@drawable/splash" />
</item>

【讨论】:

没有帮助。【参考方案6】:

您可以按照应用图标的方式进行操作

在后台启动器中设置:

<item>
    <bitmap
        android:layout_
        android:gravity="center"
        android:src="@mipmap/splash" />
</item>

然后调整你的启动图像的大小并放入 mipmap 中的相应文件夹,如下所示

LDPI:  320x200 px
MDPI: 480x320 px
HDPI: 800x480 px
XHDPI: 1280x720 px
XXHDPI:1600x960 px
XXXHDPI:1920x1280 px

文件夹和代码图片

【讨论】:

以上是关于如何更改启动画面中图像的大小?的主要内容,如果未能解决你的问题,请参考以下文章

在启动画面中更改图标大小

无论如何在运行时 React Native 中更改启动画面?

如何在启动时更改 phonegap/cordova 状态栏背景(启动画面)?

如何更改 Ionic 4 应用程序中的默认应用程序图标和启动画面?

如何更改使用 Trigger.io 构建的应用程序的启动画面?

从 Ionic 浏览器更改启动画面