如何将覆盖视图放在动作栏Sherlock上

时间:2013-03-25 15:22:48

标签: android overlay actionbarsherlock menuitem

我想在操作栏上设置一些显示教程文本的视图(如点击此处并发送电子邮件...)。这可能吗?我问,因为我知道操作栏使用布局上的顶部空间,片段或活动使用剩余空间。
我的第二个问题是如何在操作栏上显示所有操作项。我使用ActionBarSherlock库,我看到我有一个额外的行动项目的空间,但它没有显示在操作栏上。我在item ...

上设置了xml ifRoom选项

谢谢!

1 个答案:

答案 0 :(得分:23)

有多种方法可以实现类似教程的叠加层。可能最简单的方法是使用特制的Dialog窗口,背景透明,背后没有暗淡。

使用自定义Dialog进行教程覆盖

首先,我们必须为Dialog准备内容。在此示例中,TextView内部会有一个RelativeLayout,这是最有用的布局。

info_overlay.xml档案的内容:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="@android:color/darker_gray"
        android:padding="3dp"
        android:text="TextView"
        android:textColor="@android:color/white" />

</RelativeLayout>

现在,我们可以使用此布局来创建Dialog

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Dialog overlayInfo = new Dialog(MainActivity.this);
        // Making sure there's no title.
        overlayInfo.requestWindowFeature(Window.FEATURE_NO_TITLE);
        // Making dialog content transparent.
        overlayInfo.getWindow().setBackgroundDrawable(
                new ColorDrawable(Color.TRANSPARENT));
        // Removing window dim normally visible when dialog are shown.
        overlayInfo.getWindow().clearFlags(
                WindowManager.LayoutParams.FLAG_DIM_BEHIND);
        // Setting position of content, relative to window.
        WindowManager.LayoutParams params = overlayInfo.getWindow().getAttributes();
        params.gravity = Gravity.TOP | Gravity.LEFT;
        params.x = 100;
        params.y = 20;
        // If user taps anywhere on the screen, dialog will be cancelled.
        overlayInfo.setCancelable(true);
        // Setting the content using prepared XML layout file.
        overlayInfo.setContentView(R.layout.info_overlay);
        overlayInfo.show();
    }

结果

以下是上述解决方案的截图。请注意TextView超过ActionBar

enter image description here

关于解决方案的一些注意事项

  • 如果您有专门的按钮来解除教程,您可以使用setCancelable(false)来避免意外关闭教程。
  • 此解决方案适用于任何操作栏解决方案的任何主题(操作系统提供, Android支持库 ActionBar Sherlock

其他解决方案/助手

看看Showcase View library,因为它专注于以简单的方式创建类似教程的屏幕。但我不确定它是否可以轻松覆盖动作栏。