在没有 Photoshop 知识的情况下创建简单的启动画面(Ionic/Cordova)

Posted

技术标签:

【中文标题】在没有 Photoshop 知识的情况下创建简单的启动画面(Ionic/Cordova)【英文标题】:Creating Simple Splash screen without photoshop knowledge( Ionic/Cordova ) 【发布时间】:2017-02-15 06:14:02 【问题描述】:

我想创建一个启动画面图像/psd。这必须是 2048x2048 分辨率。 它将只是页面中心的一个带有背景颜色的图像。 如何做到这一点而不会迷失在 Photoshop 中。任何想法都会有很大帮助。

谢谢

【问题讨论】:

【参考方案1】:

看看:https://www.bignerdranch.com/blog/splash-screens-the-right-way/

实际上,您创建了一个可绘制的 XML,类似于:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/gray"/>
    <item>
        <bitmap android:gravity="center" android:src="@mipmap/ic_launcher"/>
    </item>
</layer-list>

然后在您的样式值中:

<style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
    <item name="android:windowBackground">@drawable/background_splash</item>
</style>

创建一个新 Activity(空白)并将其设为您的 Start Activity(在 Android Manifest 中):

<activity
    android:name=".SplashActivity"
    android:theme="@style/SplashTheme">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

“SplashActivity”应该只是将您转发到您的 MainActivity;类似:

public class SplashActivity extends AppCompatActivity 

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);

        Intent intent = new Intent(this, MainActivity.class);
        startActivity(intent);
        finish();
    

请注意,您根本不会膨胀视图!您可以使用 style 中的 Window 背景来完成这项工作。

【讨论】:

【参考方案2】:

如果您想选择更灵活的选项但又不想弄脏复杂的实现,那么这个库将极大地帮助您。

https://github.com/ViksaaSkool/AwesomeSplash

【讨论】:

以上是关于在没有 Photoshop 知识的情况下创建简单的启动画面(Ionic/Cordova)的主要内容,如果未能解决你的问题,请参考以下文章

在没有 Photoshop 的情况下将图像样式设置为相同

如何在不裁剪的情况下查看矩形选框选定区域的大小?在 Photoshop CS 5 中

前端工程师如何搞定设计

Photoshop 基础三 制作简单按钮

photoshop输入汉字时输入法“文字候选窗”不能光标跟随?

Photoshop 脚本:更改文本图层的文本