Flutter-修改应用名称、图标、启动页

來源:https://blog.csdn.net/yechaoa/article/details/98958344

虽然flutter可以同时运行在android和ios设备上,但是修改名称、logo、启动页还是需要分开配置的。

修改应用名称
android
在项目下找到android目录,依次app》src》main》AndroidManifest.xml,
打开AndroidManifest.xml文件,找到application节点,修改label参数即可

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_logo"
        android:label="玩安卓">
        ...
    </application>

ios
在项目下找到ios目录,依次Runner》Info.plist,
打开Info.plist文件,参数都是key-string的形式,找到CFBundleName,修改参数即可

<dict>
    ...
    <key>CFBundleName</key>
    <string>玩安卓</string>
    ...
</dict>

修改应用图标
android
在项目下找到android目录,依次app》src》main》res,然后会有一组mipmap开头的目录,即不同目录存放不同的图标大小,把我们不同大小的图标分别放在对应的目录中。
打开AndroidManifest.xml文件,找到application节点,修改icon参数即可

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_logo"
        android:label="玩安卓">
        ...
    </application>

mipmap-hdpi - 72*72
mipmap-mdpi - 48*48
mipmap-xhdpi - 96*96
mipmap-xxhdpi - 144*144
mipmap-xxxhdpi - 192*192
ios
在项目下找到ios目录,依次Runner》Assets.xcassets》AppIcon.appiconset,然后会有一组后缀为1x、2x、3x的图标,根据尺寸存放即可。
在同级目录的Contents.json文件中修改自己的配置

{
  "images" : [
    {
      "size" : "20x20",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    ...
    {
      "size" : "1024x1024",
      "idiom" : "ios-marketing",
      "filename" : "[email protected]",
      "scale" : "1x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

ios的图标尺寸较多,可以根据Contents.json文件中的配置挨个去修改,或者只修改通用的即可。

启动页
android
在项目下找到android目录,依次app》src》main》res》drawable》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:gravity="center"
            android:src="@mipmap/ic_logo" />
    </item>
</layer-list>

只需修改这个文件即可。

其他根据需求也可以自行修改values下的style文件,然后在AndroidManifest.xml文件设置给activity即可。

ios
在项目下找到ios目录,依次Runner》Assets.xcassets》LaunchImage.imageset,根据需求修改LaunchImage图片文件,并在同级别的Contents.json文件中配置即可。

{
  "images" : [
    {
      "idiom" : "universal",
      "filename" : "LaunchImage.png",
      "scale" : "1x"
    },
    {
      "idiom" : "universal",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "idiom" : "universal",
      "filename" : "[email protected]",
      "scale" : "3x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

github
https://github.com/yechaoa/wanandroid_flutter

原文地址:https://www.cnblogs.com/ssjf/p/12273856.html

时间: 2024-11-06 07:30:58

Flutter-修改应用名称、图标、启动页的相关文章

iOS-APP图标和启动页的尺寸

图标 启动页 补:创建启动页Image

React-Native图标、启动页、打包

上传图片至 http://makeappicon.com/ 邮箱下载 下载文件 ios/AppIcon.appiconset 文件夹整体复制 覆盖工程ios/工程名/Images.xcassets/AppIcon.appiconset 重启工程 工程修改名称 sublime打开 ios/工程名/Info.plist <key>CFBundleDevelopmentRegion</key> <string>zh_CN</string> <key>C

Andriod正式打包、以及升级应用 重新打包 修改应用名称、应用图 标、应用启动画面

一,  Android 正式打包.以及升级应用重新打包 1.android studio 把 Flutter 打包成正式包 2.修改应用版本以及升级打包 找到 AndroidManifest.xml 修改应用的版本号 <manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="io

HBuilder开发App教程03-定制图标,启动页以及打包

helloworld 上次说到了helloworld.你应该已经能够新建项目.真机调试了, 这次来说说图标的定制,启动页的定制以及打包. 图标定制 假设不定制图标的话,默认会是博文顶部图表的样子, 你肯定不想这个样子,来吧.定制一个自己的图标吧. 打开项目下的manifest.json,选择底部的图标配置(老版本号需升级到最新版). 然后选择一个制作好的256*256大小的png,系统会自己主动生成各种大小的图标. 启动页定制 步骤和上面一样,至不要要选择启动图片配置一项. 然后依照各种图片大小

iOS上架之启动页、图标设置

今天给公司项目做启动页,遇到了很多小问题,不过最后还是做出来了,和大家分享一下(注:Xcode版本7.3) 1.除了启动页, 我顺便设置了一下APP的logo.一般启动页还有logo图标都是公司美工给设计好的,我们需要做的就是根据不同的设备,做成不同的尺寸,图片格式一定要设置为png格式.(注意:图片的尺寸我们不需要自己去百度,苹果在Xcode中里面都有对应的尺寸,我们按照对应的尺寸做出来就可以了,个人建议按照尺寸对照片命名,我的这个其实也不规范,最好是58×[email protected],

Ionic3.x设置启动页与图标

由于手机有很多不同的尺寸与版本,所以图标尺寸也是大小不一,但是如果手动每一个尺寸都制作一个图标,那估计美工会吐血吧,不过幸好,ionic只需要一个图标就可以制作不同尺寸的图标. 添加一个ionic项目,进入cli添加一个ionic platform add ios 或 ionic platform add android,ionic会默认给项目添加一个resources的文件夹,里面包含icon(图标)和splash(启动页). 第一步:把resources下的icon和splash换成当前AP

用Flutter开发的跨平台项目,完美运行在Android和IOS上,Material简洁风格,包括启动页、引导页、注册、登录、首页、体系、公众号、导航、项目,还有漂亮的妹子图库,运行极度流畅,结构清晰,代码规范,值得拥有

Flutter学习资源汇总持续更新中...... Flutter官方网站 Flutter中文网 wendux的Flutter实战 Flutter官方exampleflutter_gallery 阿里巴巴咸鱼团队系列文章 阿里巴巴flutter-go,flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档 玩Android跨平台项目 非常有用的Json转Model插件 Flutter-Notebook,提供了很多优秀样例和Demo 前言 这是一款使

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

一.先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.(左上角那个) 然后打开软件,应该是这样的: 软件好人性化,给我们标注了1,2,3该干啥.1选图片呗.2.选是要给什么设备以及iOS几做.然后3.是选择生成AppIcon还是Launchimages(启动页) 选择一张图片吧,开始我们的工作 选好图片,右上角这里索性就都选了吧,反正剩下的次数用一次少一次.

[软件]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

一.先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.(左上角那个) 然后打开软件,应该是这样的: 软件好人性化,给我们标注了1,2,3该干啥.1选图片呗.2.选是要给什么设备以及iOS几做.然后3.是选择生成AppIcon还是Launchimages(启动页) 选择一张图片吧,开始我们的工作 选好图片,右上角这里索性就都选了吧,反正剩下的次数用一次少一次.