How to Create Material Button in Sketchware

-
//Add this oncreate event

// MaterialButton without Stroke

final com.google.android.material.button.MaterialButton btn1 = new com.google.android.material.button.MaterialButton(this, null, R.attr.borderlessButtonStyle);

linear1.addView(btn1);

btn1.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));

btn1.setPadding(20,8,20,8);
//left, top, right, bottom

btn1.setGravity(Gravity.CENTER);

btn1.setText("MATERIAL BUTTON WITHOUT STROKE");

btn1.setTextColor(Color.parseColor("#03A9F4"));

btn1.setCornerRadius(10);

btn1.setClickable(true);

btn1.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
showMessage("button1 clicked");
}
});

_setMaterialEffect(btn1, "#B3E5FC");


// MaterialButton with Stroke

final com.google.android.material.button.MaterialButton btn2 = new com.google.android.material.button.MaterialButton(this, null, R.attr.borderlessButtonStyle);

linear1.addView(btn2);

btn2.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));

btn2.setPadding(20,8,20,8);
//left, top, right, bottom

btn2.setGravity(Gravity.CENTER);

btn2.setText("MATERIAL BUTTON WITH STROKE");

btn2.setTextColor(Color.parseColor("#03A9F4"));

btn2.setCornerRadius(10);

btn2.setStrokeWidth(1);

btn2.setStrokeColor(android.content.res.ColorStateList.valueOf(Color.parseColor("#BDBDBD")));

btn2.setClickable(true);

btn2.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
showMessage("button2 clicked");
}
});

_setMaterialEffect(btn2, "#B3E5FC");

//Add this in MoreBlock 

android.content.res.ColorStateList colorStateListRipple = new android.content.res.ColorStateList(new int[][] {{0}}, new int[] {
Color.parseColor(_color.toString())
});

android.graphics.drawable.RippleDrawable rippleDrawable = (android.graphics.drawable.RippleDrawable)_view.getBackground();
 rippleDrawable.setColor(colorStateListRipple);

_view.setBackground(rippleDrawable);

Comments

Post a Comment

Popular posts from this blog

How to Create Material Ripple Effect in Sketchware

-
On MoreBlock: } public static class MaterialRippleLayout extends FrameLayout {     private static final int     DEFAULT_DURATION        = 350;     private static final int     DEFAULT_FADE_DURATION   = 75;     private static final float   DEFAULT_DIAMETER_DP     = 35;     private static final float   DEFAULT_ALPHA           = 0.2f;     private static final int     DEFAULT_COLOR           = Color.BLACK;     private static final int     DEFAULT_BACKGROUND      = Color.TRANSPARENT;     private static final boolean DEFAULT_HOVER           = true;     private static final boolean DEFAULT_DELAY_CLICK     = true;     private static final boolean DEFAULT_PERSISTENT...
Read more

How to Create Custom Notifications with Listeners

-
MoreBlock Code:  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { CharSequence name = "Channel name 1"; String description = "Notification channel"; int importance = NotificationManager.IMPORTANCE_DEFAULT; NotificationChannel channel = new NotificationChannel("id 1", name, importance); channel.setDescription(description); NotificationManager notificationManager = getSystemService(NotificationManager.class); notificationManager.createNotificationChannel(channel); } OnButtonClicked: RemoteViews contentView = new RemoteViews(getPackageName(), R.layout.cview); Intent intent = new Intent(MainActivity.this, TwoActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK); PendingIntent pendingIntent = PendingIntent.getActivity(MainActivity.this, 0, intent, 0); Intent intent1 = new Intent(MainActivity.this, ThreeActivity.class); intent1.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK); PendingIn...
Read more

How to create Custom Dialog in Sketchware

-
Image
The code used: final AlertDialog dialog2 = new AlertDialog.Builder(MainActivity.this).create(); View inflate = getLayoutInflater().inflate(R.layout.dialog, null); dialog2.setView(inflate); dialog2.getWindow().setBackgroundDrawableResource(android.R.color.transparent); final Button but1 = (Button) inflate.findViewById(R.id.button1); final Button but2 = (Button) inflate.findViewById(R.id.button2); final LinearLayout lin1 = (LinearLayout) inflate.findViewById(R.id.linear2); _gd(lin1, "#FFFFFF", "#2196F3", 25); _setCornerRadius(but1, 100, "#2196F3"); _setCornerRadius(but2, 100, "#1976D2"); but1.setOnClickListener(new OnClickListener() { public void onClick(View view) { MainActivity.this.finish(); } }); but2.setOnClickListener(new OnClickListener() { public void onClick(View view) { dialog2.dismiss(); } }); dialog2.show(); A tutorial video is below:
Read more