android - ImageButton の背景を変更するためのいくつかのオプションを表示するには、AlertDialog を使用する必要がありますか?

Question

私はこの結果を達成しようとしています:

ImageButton をクリックすると、AlertDialog が表示され (または背景が淡色表示されるポップアップの別の機能)、他の 5 つの小さな画像をボタンの背景として設定できます。選択した画像の onClick で AlertDialog またはポップアップが消え、新しい画像が ImageButton の背景として設定されます。

これまでのところ、私はこのコードを持っていますが、これは私が知っていることはあまりありませんが、何らかの理由で、私が持っているエラーでこれ以上取得できません:

package com.test.test;

import android.app.AlertDialog;
import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageButton;

public class PageTwoFragment extends Fragment {

    int i = 0;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {
ViewGroup rootView = (ViewGroup) inflater.inflate(
        R.layout.page2_layout, container, false);

final ImageButton pp_btn1 = (ImageButton) rootView.findViewById(R.id.m1_btn);
final ImageButton m1_ts_btn = (ImageButton) rootView.findViewById(R.id.m1_ts_btn);
final Context context = this;

pp_btn1.setOnClickListener(new View.OnClickListener() {

    @Override
    public void onClick(View v) {
        i +=1;
        if (i % 2 == 0) {
            pp_btn1.setImageResource(R.drawable.pause);
        } else {
            pp_btn1.setImageResource(R.drawable.play);
        }
    }
});

    m1_ts_btn.setOnClickListener(new View.OnClickListener() {

    @Override
    public void onClick(View v) {
        AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(this);

        alertDialogBuilder.setTitle("My Title");

    }
});

return rootView;

}
}

エラー 1: " final Context context = this;"

「型の不一致: PageTwoFragment から Context に変換できません」

エラー 2: " new AlertDialog.Builder(this);"

「コンストラクタAlertDialog.Builder (new View.OnClickListener(){}) は未定義です」と表示されます。

誰かが私がどこで間違っているのかを説明し、必要なものを達成する方法を正しい方向に向けることができますか?