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. i think you need a screenshot of block... for better understanding...

    ReplyDelete
  2. 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. 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. 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. 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());

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...