How to change status bar color in Sketchware?

Earlier code injection method was required for changing status bar color in sketchware. But now in newer versions of sketchware it can easily be done using add source directly block.

To change the status bar color in sketchware project, insert add source directly block in onCreate event in LOGIC of the project, and then write the following code.

Window w = this.getWindow();
w.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
w.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); w.setStatusBarColor(Color.parseColor("#000000"));

Change the hex color code in last line of the code as per the requirement. It will change color of status bar to the color code provided in the code above.

This code has to be used on each screen of the app.

Note that this code works in Android versions 5 and above. When the app is used in lower versions, it may crash the app. Therefore, we should use if..else.. to apply this code in compatible versions. So the code should look like the one given below.

if (Build.VERSION.SDK_INT > Build.VERSION_CODES.KITKAT) {
Window w =this.getWindow();
w.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
w.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); w.setStatusBarColor(Color.parseColor("#000000"));
}

How to show Status Bar in Fullscreen mode?

Method 1.
Set the theme of your sketchware project to Fullscreen.
Then use following code in onCreate event:
Window w = this.getWindow();
w.addFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);

Method 2.
Set the theme of your sketchware project to NoActionBar.
Then use following code in onCreate event:

getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

if (Build.VERSION.SDK_INT > Build.VERSION_CODES.KITKAT) {
Window w = this.getWindow();
w.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
w.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
w.setStatusBarColor(Color.parseColor("#33000000"));
}

Note that here in the color code #33000000, the number 33 indicates the amount of transparency. If it is 00 status bar will be completely transparent and if it is ff status bar will be completely opaque with color as set in the color code.

Comments

Create Music Player app in Sketchware

To create a Music Player app in sketchware, follow the steps given below. 1. Create a new project in Sketchware. 2. In VIEW area on main.xml, add a ListView listview1 with height wrap_content, and weight 1. Add a SeekBar seekbar1 , an ImageView imageview1 , and three TextViews textview1 , textview2 , and textview3 , as shown in the image below. 3. Create a CustomView mycustom.xml and add a TextView textview1 , and an ImageView imageview1 in it. For listview1 select mycustom.xml as it's customView. 4. Add a MediaPlayer component mp , a Shared Preferences component sp:sp and a Timer component timer . 5. Create six More Blocks MPcreate(pos), MPstart , and MPpause for the MediaPlayer and searchFolders , getFileList in [filePath] and extra . 6. Add three number variables n, r and songPosition , and five String variables currentfile , songMinutes , songSeconds , folder , folderName . Also add a List String folderList, List String fileList and a List Map

Admob rewarded video Ads in Sketchware

To integrate Admob Rewarded Video Ads to a Sketchware project, follow the steps given below. Prerequisites An Android project (Sketchware project) Account in Admob Always place the test ad unit ID before placing your ad unit ID. App ID and ad unit ID can be obtained by registering the app on Admob. But for using test ads no registration is required. Do not click on your own Ads. 1. Create an android project in Sketchware. 2. Add the app to your Admob account. For your app, generate an ad unit ID for Rewarded Video Ads. 3. In Sketchware project, navigate to Library Manager and open Admob settings. i. Click on Add manually and add the ad unit ID generated on Admob website, or use test ad unit ID ca-app-pub-3940256099942544/5224354917. ii. If you are not using any banner or interstitial ad units, select the same ad unit ID for both banner and interstitial ads. iii. Add Test Device automatically shown by Sketchware. iv. Save it. v. Switch ON Admob and AppCompat and design. 4. In this exa

Firebase auth in Sketchware for Login Activity

To create a login activity using Firebase Auth in Sketchware, follow the steps given below. This method uses Firebase authentication service for creating login. 1. In your Firebase account, go to Firebase authentication. 2. In Firebase authentication web set-up, go to SIGN-IN method, and enable Email/password and Anonymous. 3. Go to Project settings in your Firebase project and copy the Web API Key, Project ID, and App ID. 4. Paste the Project ID, App ID, and Web API Key in your project in Sketchware, in the Firebase settings. 5. On the MainActivity page add a File Shared preferences component user:user and an Intent i . Also add a Timer t and a Firebase Auth testlogin . 6. Create a new page login.xml with Activity called LoginActivity . 7. In onCreate event of MainActivity use blocks as shown in image below. It identifies main page with File user key page . It also checks if user is logged in to FirebaseAuth . If user is logged in then other blocks are executed. If user

Sketch Help

Search This Blog