如何使用图像和百分比位置创建Android启动画面

时间:2018-08-30 01:51:27

标签: android android-drawable splash-screen

我正在尝试创建一个包含两个图像的Android启动屏幕:一个位于屏幕中央,另一个离屏幕底部约20%。有什么办法吗?

到目前为止,我尝试的方法是将SplashActivity作为第一个活动,清单文件将主题设置为SplashTheme:

在AndroidManifest.xml中:

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

然后在styles.xml中定义此主题:

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

接下来,我创建可绘制文件background_splash.xml,这是我有疑问的地方:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item>
    <shape android:shape="rectangle">
        <solid android:color="@color/dark_gray" />
        <padding
            android:left="0dip"
            android:top="0dip"
            android:right="0dip"
            android:bottom="0dip" />
    </shape>
</item>

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

</item>

<item android:bottom="@dimen/splash_bottom">
    <bitmap android:src="@mipmap/bottom_logo"
        android:gravity="bottom" />
</item>

</layer-list>

这实际上是可行的,mainlogo确实在中间,bottom_logo在底部上方一定距离。问题在于我需要在dp中为dimens.xml中的splash_bottom指定值。对于ldpi,mdpi,hdpi xhdpi等准确地做到这一点确实很难。

可绘制文件background_splash.xml中是否没有办法将bottom_logo从屏幕底部放置20%?

所需的初始屏幕看起来像这样(不是实际的屏幕-我是从另一篇SO帖子借来的-参见Android: how to align 2 images on a splash screen):

enter image description here

2 个答案:

答案 0 :(得分:0)

您应该更改@dimen/splash_bottom文件中的background_splash.xml

现在,根据尺寸值更改底部图像的位置。 若要解决此问题,您应该按照以下方法进行操作。 我相信res/文件夹中的所有内容都可以使用“配置限定符”。因此,例如,您可以拥有一个values-xxhdpivalues-sw600dp-mdpi-land/values-w400dp文件夹,等等。

换句话说,您必须为不同的屏幕创建 不同值文件夹

values-sw720dp          10.1” tablet 1280x800 mdpi

values-sw600dp          7.0”  tablet 1024x600 mdpi

values-sw480dp          5.4”  480x854 mdpi 
values-sw480dp          5.1”  480x800 mdpi 

values-xxhdpi           5.5"  1080x1920 xxhdpi
values-xxxhdpi           5.5" 1440x2560 xxxhdpi

values-xhdpi            4.7”   1280x720 xhdpi 
values-xhdpi            4.65”  720x1280 xhdpi 

values-hdpi             4.0” 480x800 hdpi
values-hdpi             3.7” 480x854 hdpi

values-mdpi             3.2” 320x480 mdpi

values-ldpi             3.4” 240x432 ldpi
values-ldpi             3.3” 240x400 ldpi
values-ldpi             2.7” 240x320 ldpi

谢谢。

答案 1 :(得分:0)

“图层列表和项目”没有设置其位置的百分比属性。

要实现您的想法,您应该使用布局XML文件

在AndroidManifest.xml

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

在SplashActivity.java

public class SplashActivity extends Activity {

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

        // SET no title , full-screen mode
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

        // SET activity_splash.xml as layout
        final View viewSplash = View.inflate(this, R.layout.activity_splash, null);
        setContentView(viewSplash);

        // Gradient Animation
        AlphaAnimation anim = new AlphaAnimation(0.5f, 1.0f); // change alpha from 0.5 to 1.0
        anim.setDuration(5000); // animate in 5000ms
        viewSplash.setAnimation(anim);
        anim.setAnimationListener(
                new Animation.AnimationListener(){
                                    @Override
                                    public void onAnimationStart(Animation animation) {

                                    }

                                    @Override
                                    public void onAnimationRepeat(Animation animation) {

                                    }

                                    @Override
                                    public void onAnimationEnd(Animation animation) {
                                        // redirect to the other screen, such as MainActivity
                                        Intent intent = new Intent(SplashActivity.this, MainActivity.class);
                                        startActivity(intent);

                                        // close SplashActivity
                                        finish();
                                    }
                                });
    }
}

activity_splash.xml可能是以下一项;

1。 LinearLayout的 layout_weight

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/dark_gray">

<ImageView android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:src="@mipmap/mainlogo"/>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.4"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_weight="0.6"
        android:src="@mipmap/bottom_logo"/>
</LinearLayout>

used layout_weight of LinearLayout 屏幕截图1。

2。指南的 layout_constraintGuide_percent

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/dark_gray">

    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/mainlogo"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <android.support.constraint.Guideline
        android:id="@+id/bottom_guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintGuide_percent=".8"
        android:orientation="horizontal" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/bottom_logo"
        app:layout_constraintBottom_toBottomOf="@+id/bottom_guideline"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"/>
</android.support.constraint.ConstraintLayout>

used layout_constraintGuide_percent of Guidline屏幕截图2。

3。 PercentRelativeLayout的 layout_marginLeftPercent

但是该类已在API级别26.1.0中弃用。所以我没有上传有关该文件的xml。