Skip to main content

Create Custom Popup Window using Sketchware

Create Custom Popup Window using Sketchware
Refer the video below if  you get stuck. 


1) Add a custom view named window.You can name it according to your wish. 

2)Design your popup window. 

2) Now, In the logic section,In OnCLick event of button.Add the following  code

Create a view

View popupView = getLayoutInflater().inflate(R.layout.window, null);

Popup window 


final PopupWindow popup = new PopupWindow(popupView, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);

Initialize 

Button b1 = popupView.findViewById(R.id.button1);
Button b2 = popupView.findViewById(R.id.button2);

OnClickListeners

b1.setOnClickListener(new OnClickListener() { public void onClick(View view) {
//below code will dismiss the popup window
popup.dismiss();
} });

b2.setOnClickListener(new OnClickListener() { public void onClick(View view) {

popup.dismiss();
} });

Show the popup window 

popup.showAtLocation(popupView, Gravity.CENTER, 0, 0);





Comments

  1. We are from Ash25 November 2018 at 23:39

    i think you need a screenshot of block... for better understanding...

    ReplyDelete
  2. Unknown28 April 2020 at 15:14

    I want to add a sticky webview on top , and other item will scroll below it in sketware, can you help me ?

    ReplyDelete
    Replies
    1. Anonymous6 January 2021 at 04:12

      I think you need to search for Relative Layout Design for this to work. You can make a window on top of another using Relative Layout

      Delete
  3. Christian Z.23 October 2020 at 19:09

    How to Close (dismiss) the view on an another Method?
    For example: Show view in on create and dismiss it on Network Response (componement requests Network on Response) ? It says Always that it can not be resolved to a variable...

    ReplyDelete
  4. Anonymous18 August 2023 at 20:23

    How to design dialog layout?

    ReplyDelete

Post a Comment

Did you like this tutorial ?

Popular posts from this blog

Add Edittext Inside Dialog Box

Add Edittext Inside Dialog Box If you haven`t yet watched the video... Watch  it right  now!!! The code used in the above video is available here. final EditText edittext1= new EditText(MainActivity.this); LinearLayout.LayoutParams lpar = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); edittext1.setLayoutParams(lpar); dialog.setView(edittext1); textview1.setText(edittext1.getText());
11 comments
Read more

Add Checkbox Inside Dialog Box | Sketchware tutorial

Add Checkbox Inside Dialog Box  If you haven`t yet watched the video, Watch it Now...! Open your Sketchware project.Add Dialog Box component. Go to the logic section & add the blocks which are necessary to create a dialog box. A screenshot is given below for your reference.                                    Now you have to make some modifications.In order to add checkbox you have to use add source directly block.Add the following code inside it.Screenshot is given below for your reference final CheckBox cb1 = new CheckBox(MainActivity.this); cb1.setText("CheckBox"); LinearLayout.LayoutParams lpar = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); cb1.setLayoutParams(lpar); dialog.setView(cb1); Inside the block " dialog OK Button Clicked ", add the following code using add...
4 comments
Read more