How to get popup windows on clicking menu item?

Question

I'm new to Android App development and java and I have the following problem: I have an "about" option inside menu in actionbar. I want popup to appear when clicked on "about" option, showing app version and developer details. As I have no experience with android app development and java(I'm still learning though), could you please help me!

popup_window.xml

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:layout_marginStart="133dp"
    android:layout_marginTop="126dp"
    android:text="@string/appVersion" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignStart="@+id/textView1"
    android:layout_alignParentTop="true"
    android:layout_marginTop="156dp"
    android:text="@string/developer" />
</RelativeLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    // create an action bar button
    @Override
    public boolean onCreateOptionsMenu(android.view.Menu menu) {
        getMenuInflater().inflate(R.menu.mymenu, menu);
        return super.onCreateOptionsMenu(menu);
    }

    // handle button activities
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();

        if (id == R.id.about) {
            // about app page
            onButtonShowPopupWindowClick();
        }
        return super.onOptionsItemSelected(item);
    }

    public void onButtonShowPopupWindowClick(View view) {
        //inflate layout of popup window
        LayoutInflater inflater = (LayoutInflater)  getSystemService(LAYOUT_INFLATER_SERVICE);
        View popupView = inflater.inflate(R.layout.popup_window, null);

        // creating the popup window
        int width = LinearLayout.LayoutParams.WRAP_CONTENT;
        int height = LinearLayout.LayoutParams.WRAP_CONTENT;
        boolean focusable = true; // lets taps outside the popup also dismiss it
        final PopupWindow popupWindow = new PopupWindow(popupView, width, height, focusable);

        // show the popup window
        // which view you pass in doesn't matter, it is only used for the window tolken
        popupWindow.showAtLocation(view, Gravity.CENTER, 0, 0);

        // dismiss the popup window when touched
        popupView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                popupWindow.dismiss();
                return true;
            }
        });
    }
}

MihaiBC · Answer 1 · 2019-03-06T14:33:11.573

1

I think this : https://developer.android.com/guide/topics/ui/dialogs is a good guide for you to start. It also exposes good practices with pop-up in android

Hope it will be helpfull

PS: In the bottom you will find an example with an custom pop-up like you need

edited Mar 06 '19 at 14:33

answered Mar 06 '19 at 14:27

MihaiBC

472
5
15

score 0 · Answer 2 · answered Mar 06 '19 at 14:01

0

You should try with an AlertDialog:

new AlertDialog.Builder(context)
                .setView(R.layout.popup_window)
                .create().show();

answered Mar 06 '19 at 14:01

Benoit TH

601
3
12

score 0 · Answer 3 · answered Mar 06 '19 at 14:42

You can use an AlertDialog with a custom view. With a custom view you can design your AlertDialog by XML.

public void onButtonShowPopupWindowClick(Context context) {
LayoutInflater layoutinflater = getLayoutInflater;
View view1 = layoutinflater.inflate(R.layout.yourlayout, null);

AlertDialog.Builder builder1 = new AlertDialog.Builder(context);
builder1.setCancelable(true);
builder1.setView(view1);
AlertDialog alert = builder1.create();
alert.show();
}

You have to create a XML file named yourlayout and in this layout you design your dialog.

The Parameter context of the void has to be YourActivity.this.

How to get popup windows on clicking menu item?

popup_window.xml

MainActivity.java

3 Answers3