android - 如何在操作栏 Sherlock 上放置叠加 View

Question

我想在将显示教程文本的操作栏上设置一些 View (例如单击此处并发送电子邮件...)。这可能吗？我问是因为我知道操作栏使用布局上的顶部空间，而 fragment 或 Activity 使用剩余空间。
我的第二个问题是如何在action bar上显示所有的action items。我使用 ActionBarSherlock 库，我看到我还有空间可以容纳一个 Action 项，但它没有显示在 Action 栏上。我在 xml 中设置了项目的 ifRoom 选项...

谢谢!!!

Answer 1

有多种方法可以实现类似教程的叠加层。可能最简单的方法是使用专门准备的 Dialog背景透明且背后无暗淡的窗口。

使用自定义 Dialog 进行教程叠加

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

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 上。

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

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

其他解决方案/助手

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