Android会像谷歌一样创建一个帮助屏幕

时间:2015-03-23 09:09:05

标签: android android-activity

我想在我的应用中添加Google格式帮助屏幕。我正在考虑google在其应用程序中使用的设计,例如日历,屏幕呈蓝色渐变,并显示白色活动的部分,您可以按下并显示它的作用。下面还有一个“有它”按钮。怎么办呢?

图片:http://developer.android.com/design/media/help_cling.png

3 个答案:

答案 0 :(得分:2)

您可以使用ShowcaseView库来实现此功能。

https://github.com/amlcurran/ShowcaseView

要在Android Studio中添加,只需在build.gradle中添加以下内容

compile 'com.github.amlcurran.showcaseview:library:5.0.0'

添加后使用以下代码

new ShowcaseView.Builder(this)
    .setTarget(new ActionViewTarget(this, ActionViewTarget.Type.HOME))
    .setContentTitle("ShowcaseView")
    .setContentText("This is highlighting the Home button")
    .hideOnTouchOutside()
    .build();

答案 1 :(得分:1)

试试这个.. https://github.com/Espiandev/ShowcaseView

使用喜欢 -

new ShowcaseView.Builder(this)
    .setTarget(new ActionViewTarget(this, ActionViewTarget.Type.HOME))
    .setContentTitle("ShowcaseView")
    .setContentText("This is highlighting the Home button")
    .hideOnTouchOutside()
    .build();

还有另一个图书馆_ https://github.com/stephanenicolas/RoboDemo

试试这些。

答案 2 :(得分:0)

您可以从git hub使用该库

implementation 'com.github.amlcurran.showcaseview:library:5.4.3'

https://github.com/amlcurran/ShowcaseView

使用此代码显示帮助文本:

    ViewTarget target = new ViewTarget(R.id.view, this);

    ShowcaseView sv = new ShowcaseView.Builder(this)
            .setTarget(target)
            .setContentTitle("Title")
            .setContentText("This is highlighting the message")
            .hideOnTouchOutside()
            .setStyle(R.style.CustomShowcaseTheme1)
            .setShowcaseEventListener(this)
            .build();

以您的样式输入此代码:

<style name="CustomShowcaseTheme1" parent="ShowcaseView">
    <item name="sv_backgroundColor">#e5111316</item>
    <item name="sv_showcaseColor">@color/colorPrimary</item>
    <item name="sv_buttonText">Next</item>
    <item name="sv_titleTextAppearance">@style/CustomTitle</item>
    <item name="sv_detailTextAppearance">@style/CustomText</item>
</style>

<style name="CustomTitle" parent="TextAppearance.ShowcaseView.Title.Light">
    <item name="android:textColor">@color/white</item>
    <item name="android:textSize">24dp</item>
</style>

<style name="CustomText" parent="TextAppearance.ShowcaseView.Detail.Light">
    <item name="android:textColor">@color/white</item>
    <item name="android:textSize">16dp</item>
</style>

要显示1个以上的帮助:

public class className extends AppCompatActivity implements OnShowcaseEventListener{
}

快乐编码:)