チュートリアルのようなオーバーレイを実現するには、複数の方法があります。おそらく最も簡単な方法は、背景が透明で背後が暗くならない特別に準備されたダイアログウィンドウを使用することです。
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
。
ソリューションに関するいくつかのメモ
- チュートリアルを閉じるための専用ボタンがある場合は、チュートリアルが
setCancelable(false)
誤って閉じられるのを防ぐために使用できます。
- このソリューションは、任意のアクションバーソリューション(OS提供、 Androidサポートライブラリ、またはActionBar Sherlockのいずれか)を使用する任意のテーマで機能します
その他のソリューション/ヘルパー
チュートリアルのような画面を簡単に作成することに重点を置いているShowcaseViewライブラリをご覧ください。ただし、アクションバーを簡単にオーバーレイできるかどうかはわかりません。