Custom Toast message using CustomView in Sketchware

To create a custom Toast message in Sketchware, follow the steps given below.

1. In your Sketchware android project, in VIEW area, create a new CustomView with name custom1. In this CustomView add a LinearH linear1 and a TextView textview1.

Customize the textview1 and linear1 as per your requirement.

2. In LOGIC area, add a new More Block with name customToast(String _text) as shown in image below.

3. Next define this customToast Block. In event customToast MoreBlock use add source directly block, and in the block, write codes as described below.

First define a new LayoutInflater and use it to create a View from the CustomView.
LayoutInflater inflater = getLayoutInflater();
View toastLayout = inflater.inflate(R.layout.custom1, null);

 Initialize textview1 and linear1 used in CustomView.
TextView textview1 = (TextView) toastLayout.findViewById(R.id.textview1);
LinearLayout linear1 = (LinearLayout) toastLayout.findViewById(R.id.linear1);

 Set the text of textview1 to String _text.
textview1.setText(_text);

 Create a new Toast.
Toast toast = new Toast(getApplicationContext());

 Set duration of Toast.
toast.setDuration(Toast.LENGTH_SHORT);

Set the View created from CustomView, as view of Toast.
toast.setView(toastLayout);

Show the Toast.
toast.show();
The complete code should look like this:
LayoutInflater inflater = getLayoutInflater(); View toastLayout = inflater.inflate(R.layout.custom1, null);

 TextView textview1 = (TextView) toastLayout.findViewById(R.id.textview1);
textview1.setText(_text);
LinearLayout linear1 = (LinearLayout) toastLayout.findViewById(R.id.linear1);

 Toast toast = new Toast(getApplicationContext()); toast.setDuration(Toast.LENGTH_SHORT);
toast.setView(toastLayout);
toast.show();

 If you want to round the corners of the Toast, you can create a GradientDrawable or any ShapeDrawable with rounded corners and set it as Background of linear1 or textview1. Here is an example with GradientDrawable.
LayoutInflater inflater = getLayoutInflater(); View toastLayout = inflater.inflate(R.layout.custom1, null);

 TextView textview1 = (TextView) toastLayout.findViewById(R.id.textview1);
textview1.setText(_text);
LinearLayout linear1 = (LinearLayout) toastLayout.findViewById(R.id.linear1);

 android.graphics.drawable.GradientDrawable gd = new android.graphics.drawable.GradientDrawable();
gd.setColor(Color.parseColor("#00449a"));
gd.setCornerRadius(60);
gd.setStroke(2, Color.parseColor("#ff0000"));
linear1.setBackground(gd);

 Toast toast = new Toast(getApplicationContext()); toast.setDuration(Toast.LENGTH_SHORT);
toast.setView(toastLayout);
toast.show();

 4. Use the more Block whenever you want to display a custom Toast, as shown in image below.


5. Save and run the project.


The video below shows how to use the code written above.

Custom Toast Message in AIDE: http://apktutor.com/custom-toast-message/

Comments

  1. Bengkel RedOMarch 3, 2018 at 9:08 PM

    How to set custom duration in toast?

    ReplyDelete
  2. WilliamsApril 5, 2018 at 10:34 PM

    como posso fazer um toast exibir a informação contida num text view em outra activity? ex: o botão do toast esta no main.xml e a informação que eu qero chama esta em outro .xml criado( no caso seria uma memoria para armazenar informações preenchidas no text view).

    ReplyDelete
    Replies
    1. sanjeevApril 5, 2018 at 11:46 PM

      Store the message in File Shared Preferences. Then Toast the File get key...

      Delete
  3. e-lab innovationsSeptember 19, 2018 at 9:14 PM

    How to make more block for add image in dialogue box

    yourdialog.setIcon(R.drawable.image_name)

    ReplyDelete
  4. AntonDecember 7, 2018 at 8:06 PM

    Awsome.. it's working

    ReplyDelete
  5. Christ JohnJuly 10, 2026 at 12:08 AM

    Using a CustomView is one of the best ways to create unique Toast messages in Sketchware because it gives you full control over the layout, colors, and animations. A well-designed custom toast can make your app feel more polished while improving the user experience. While exploring different development ideas, I also came across discussions on feminism dissertation topics, which reminded me how customization and creativity are valuable across both technical and academic fields. What design elements do you usually add to your custom Toast messages?

    ReplyDelete

Post a Comment

Popular posts from this blog

How to enable upload from webview in Sketchware?

Image
Now that Sketchware has a block to add java code directly in the project, it is possible to enable file upload in webview. To enable file upload in webview in sketchware app, follow the steps given below. 1. Insert a webview in VIEW area in the sketchware project. Note the ID of webview, usually it is webview1 . 2. In LOGIC area of project, in onCreate event, add the block add source directly and copy the following code in it: webview1.setWebChromeClient(new WebChromeClient() { // For 3.0+ Devices protected void openFileChooser(ValueCallback uploadMsg, String acceptType) { mUploadMessage = uploadMsg; Intent i = new Intent(Intent.ACTION_GET_CONTENT); i.addCategory(Intent.CATEGORY_OPENABLE); i.setType("image/*"); startActivityForResult(Intent.createChooser(i, "File Browser"), FILECHOOSER_RESULTCODE); } // For Lollipop 5.0+ Devices public boolean onShowFileChooser(WebView mWebView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChoose...
Read more

Simple car racing android game in Sketchware

Image
To create a simple car racing game in sketchware follow the steps given below. 1. Create a new project in Sketchware. 2. In VIEW area of main.xml add a TextView textview3 for displaying score of previous game, a TextView textview4 for displaying high score, and a Button button1 for starting game. 3. In MainActivity , add a Shared Preferences component sp:sp . 4. Add onStart event and put blocks to set the text of textview3 and textview4 . 5. Create a new page page2.xml . 6. On button1 click use intent to move to page2 . 7. On page2.xml add a LinearV linear1 with padding 0 and width and height MATCH_PARENT. 8. In Page2Activity , add a Shared Preferences component sp:sp . 9. Create a number variable highscore . 10. In onCreate event of Page2Activity , use blocks to set the value of number variable highscore , and use codes to create a new GameView and add it to linear1 , as shown in image below. The code used in the add source directly bloc...
Read more

Custom dialog box in Sketchware using CustomView

Image
The CustomView can be used to create a custom dialog box in Sketchware, by using simple codes. Follow the steps below to create a custom dialog pop-up. 1. In VIEW area of your project add a new CustomView . In the image above I have added a new CustomView 'cust.xml'. 2. Design the CustomView the way you want your custom dialog box to look like. In the image above, I have added an ImageView, two TextViews, and two Buttons (namely 'button1' and 'button2'). 3. Choose the event on which you want to show the dialog. It can be onBackPressed or onButtonClick, etc. 4. On the event when dialog is to be shown, use add source directly block to create and show the dialog box. In the image above I have added the code to onBackPressed event. The code used is explained below. a) First use the code to create a dialog. final AlertDialog dialog2 = new AlertDialog.Builder( MainActivity .this).create(); Note that here 'MainActivity' is the nam...
Read more

A Flash Light App in Sketchware

Image
To create a Torch Flashlight application for Android with Sketchware follow the steps given below. 1. Create a new project in Sketchware. In VIEW area add an ImageView imageview1 . Set it's width and height to 100, and scale type to FIT_XY. 2. Using Image Manager add two images  ic_flash_on_black  and  ic_flash_off_black . 3. Set  ic_flash_off_black  as the image of imageview1. 4. In Library manager switch on AppCompat and Design . 5. Add a Camera component . 6. Add two Boolean variables: flashLightStatus and hasCameraFlash . 7. Add two More Blocks: flashLightOn and flashLightOff . 8. In onCreate event, use add source directly block and put following code: hasCameraFlash = getPackageManager(). hasSystemFeature(PackageManager.FEATURE_CAMERA_FLASH); 9. In More Block flashLightOn , use add source directly block and put following code: android.hardware.camera2.CameraManager cameraManager = (android.hardware.camera2.Camer...
Read more

In Sketchware: How to create a calculator for any simple formula?

Image
Create a simple formula calculator Android app in Sketchware Here is a tutorial to calculate using any simple formula, for users of Sketchware Android app. I'll take the example of calculating volume of a cone. Formula is:  V cone  = 1/3 × pi × r 2  × h Step 1 Download Sketchware Step 2 Go to my projects and start a new project. Fill details in Project Settings:- Package name: com.cone Project name: conevolume App name: Cone Volume App icon: App version: 1.0 Step 3 Create View of your app. It is saved as main.xml. The process is simple. In the view field drag and drop 'linear', 'textview', 'button' and 'edittext' to places where you want them to appear. In my project I have inserted 5 'linear', 4 'textview', 3 'edittext' and 2 'button'. Edit the 'textview' fields to write details. Modify text of 'button' to write calculate, Reset, etc. Change background color of ...
Read more