Posts

Showing posts from January, 2026

Creating block to get FirebaseDb data to Map

Image
1. This post shows how to create a block to get FirebaseDb data to Map variable. 2. In Sketchware pro, in Settings, go to Block Manager. 3. Add new pallete 'New Firebase' and select color. 4. Inside pallete, add new block. 5. Configure the block properties as shown below. Name Firebase to Map Type if block (c) Type name Firebase to Map Color #9C27B0 Spec FirebaseDb %s.inputOnly getDataTo %m.varMap Code %1$s.addValueEventListener(new ValueEventListener() { @Override public void onDataChange(DataSnapshot _dataSnapshot) { %2$s = _dataSnapshot.getValue(new GenericTypeIndicator<HashMap<String, Object>>(){}); %3$s } @Override public void onCancelled(DatabaseError _databaseError) { } }); 6. Save it. 7. Refresh and use the block.

Simple Firebase Login Page in Sketchware Pro

Image
1. This post will show a login page using firebase in Sketchware android project. 2. Create a new project in Sketchware. 3. Switch on AppCompat and design. 4. Switch on Firebase by importing google_services.json from your Firebase console project settings. 5. In your Firebase project, in Authentication, enable Email as Sign-in-method. 6. In main.xml , add TextView text_title , EditText edit_email , edit_password , edit_username , TextView forgot_pwd , Button login , and TextViews change_mode , and text_verify . See image below. 7. In components add, FirebaseAuth fauth , FirebaseDb users:users , Intent i , and Dialog dialog . 8. Add a new page posts.xml . Enable drawer for this page. In drawer add textview_username ,  textview_email , and textview_logout . 9. In MainActivity , add two boolean variables login_mode , and emailVerified , add two String variables username , and user_id , and add a Map variable map . 10. Add a more block setLoginMode (boolean loginMode). Put following ...

DrawingView with share image in Sketchware Pro

Image
1. This example shows how to create a DrawingView in Sketchware. 2. Create a new project in Sketchware. 3. Switch On AppCompat and design . 4. In View manager, deselect toolbar for main.xml. 5. In java/Kotlin manager: a. Add a file DrawingView.java and put following codes in it. package com.sanju.drawingview; import android.view.View; import android.graphics.Bitmap; import android.graphics.Paint; import android.graphics.Path; import android.graphics.Canvas; import android.content.Context; import android.util.AttributeSet; import android.graphics.Color; import android.view.MotionEvent; import android.graphics.PorterDuff; import java.util.ArrayList; public class DrawingView extends View { private Bitmap mBitmap; private Canvas mCanvas; private Paint mBitmapPaint; private Paint mPaint; private Paint circlePaint; private Path circlePath; private Path mPath; private float mX, mY; private static final float TOUCH_TOLERANCE = 4; private ArrayLi...