Question

你知道当你第一次运行Android设备时（如果你使用模拟器，你会看到很多东西），这是一个有用的小教程，关于如何使用启动器和添加小部件等等。我正在尝试在Google上找到一个这样的例子，但我做不到。我希望你知道我的意思。这是每一步都带有蓝色“好”按钮的那个。

无论如何，我想为我的应用创建一个，但我不确定哪个是最好的方法。

我是否创建了一个片段，我可以在常规活动之上制作半透明片段，并且只在第一次播放时显示它？

我是否为教程的每个部分制作了一个半透明的.png，并在首次运行时将其覆盖在常规启动器活动上？

如果我选择后者，我该如何调整各种屏幕尺寸？我可以在Photoshop中将图像渲染到各种尺寸，但这并不能涵盖所有尺寸。如果我去片段路线，我可以说“match_parent”而不用担心它。但后来我必须弄清楚Fragments是如何工作的，而且他们让我感到困惑。

Answer 1

我认为这个开源库正是您所需要的：

Showcase View

enter image description here

您可以从GitHub获取源代码和设置说明。

Answer 2

使用十六进制颜色代码，其中包含两位数 alpha 和 six 颜色本身，如下所示：

android:background="#22FFFFFF"

它会使它变得半透明。

android:background="#c0000000" for more darkness

<强>被修改

通常十六进制颜色代码结构类似于'#FFFF'

为了获得透明度，在'＃'之后将两位数添加到任何颜色代码中。

例如：#110000，#220000，#330000。

这两个数字越大，透明度越低。

Answer 3

您可以尝试这样的事情

<LinearLayout ... >
<!-- your Normal layout goes here -->
<RelativeLayout android:id="@+id/tutorialView" android:background="#D0000000"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

        <ImageView android:src="@drawable/hint_menu" android:layout_alignParentLeft="true"
                   android:layout_centerVertical="true" android:layout_width="wrap_content"
                   android:layout_height="wrap_content"/>

    </RelativeLayout>
</LinearLayout>

并在你的onCreate方法

View tutorialView = findViewById(R.id.tutorialView);
        boolean tutorialShown = PreferenceManager.getDefaultSharedPreferences(MainActivity.this).getBoolean(Constants.PREF_KEY_TUT_MAIN, false);
        if (!tutorialShown) {
            tutorialView.setVisibility(View.VISIBLE);
        } else {
            tutorialView.setVisibility(View.GONE);
        }

        tutorialView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                v.setVisibility(View.GONE);
                PreferenceManager.getDefaultSharedPreferences(MainActivity.this).edit().putBoolean(Constants.PREF_KEY_TUT_MAIN, true).commit();
            }
        });

Answer 4

您不需要使用Photoshop。您可以使用例如android:background="#50134BE8"的LinearLayout。这将使其透明蓝色。您可以将布局放在所有内容的顶部，并在用户完成后隐藏它。您可以使用任何背景颜色，但要使其透明，请在“＃”符号后面添加一个从01到FE的数字以更改其透明度。将宽度和高度设置为fill_parent以占据整个区域。将此视图直接放在主布局中。希望这会有所帮助。

Answer 5

有一个屡获殊荣的图书馆，名为＆＃34; FancyShowcaseView＆＃34;：

https://github.com/faruktoptas/FancyShowCaseView

像这样添加到您的项目中：

在顶级 build.gradle（不模块级别）中：

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

在模块级（app）build.gradle

中

dependencies {
    compile 'com.github.faruktoptas:FancyShowCaseView:1.0.0'
}

然后你可以打电话：

new FancyShowCaseView.Builder(this)
        .focusOn(view)
        .title("Focus on View")
        .build()
        .show();

如何在Android中创建半透明灰色教程叠加层？

5 个答案: