How to do Wireless Debugging: The Latest Simple Way!

 To do quick debugging without the traditional way of connecting cable, there is a new and simple way.

Just follow these simple steps:

Step 1: First make sure that your phone & the laptop / pc are connected to the same WIFI network. 

Step 2: In your phone go to settings and select the About phone option.

Step 3: Tap the Build Number continuously 7 times so that you see a message which says 'You are now a Developer'.

Step 4: Now To find that 'Developer Option' you just enabled, just go to Settings and select the 'System' option.

 Step 5: After selecting System, scroll down to see '{} Developer Options'. Select it.

Step 6: After selecting it, you will see an option 'Use Developer options'. Just enable it.

Step 7: Scroll down to find USB debugging. Enable this too.

Step 8: Again scroll down to find Wireless debugging and enable it.

Step 9: Select the Wireless debugging so that you will find two options for pairing: with QR code or with pairing code.

Step 10: Let's select the 'Pair device with QR code' but before that you have to first select the phone from the device list.

Step 11: Once you select your device, a QR code will be displayed which you only have to scan and you are ready to do wireless USB debugging.

How to create a cool app: 'Just Tap to Change Color!'

Here we will learn the easiest and shortest way to change color of a simple app with just a tap.

     

XML layout:

In the TextView, change the text 'Hello World!' to 'Just Tap', increase its size and make it bold:

android:text="JUST TAP!"
android:textSize="45sp"
android:textStyle="bold"
android:textColor="#ffff00"

Now our activity_main.xml has only this much code. We already have the id set to the Constraint Layout which is android:id="@+id/main"

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="JUST TAP!"
        android:textSize="45sp"
        android:textStyle="bold"
        android:textColor="#ffff00"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Now in the MainActivity.java, use the above mentioned id to set a new color:

private ConstraintLayout mainLayout;

Create an array of various colors that we want to appear randomly when we touch the screen:

private int colors[] = {Color.BLUE, Color.BLACK, Color.CYAN, Color.DKGRAY, Color.WHITE, Color.GREEN,
        Color.YELLOW, Color.TRANSPARENT, Color.MAGENTA, Color.RED, Color.LTGRAY, Color.GRAY};

Create a Random object to get a random color:

private Random random = new Random();

In the OnCreate method, assign the value to mainLayout:

mainLayout = findViewById(R.id.main);

Finally override the OnUserInteraction method and change the background in this way:

mainLayout.setBackgroundColor(colors[random.nextInt(colors.length - 1)]);

So the full and complete code of MainActivity.java will be:

package com.prashantsj.apps.colorchanger;

import android.graphics.Color;
import android.os.Bundle;
import android.widget.Button;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.constraintlayout.widget.ConstraintLayout;

import java.util.Random;

public class MainActivity extends AppCompatActivity {

    private ConstraintLayout mainLayout;
    private int colors[] = {Color.BLUE, Color.BLACK, Color.CYAN, Color.DKGRAY, Color.WHITE, Color.GREEN,
            Color.YELLOW, Color.TRANSPARENT, Color.MAGENTA, Color.RED, Color.LTGRAY, Color.GRAY};
    private Random random = new Random();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);
        mainLayout = findViewById(R.id.main);
    }

    @Override
    public void onUserInteraction() {
        super.onUserInteraction();

        mainLayout.setBackgroundColor(colors[random.nextInt(colors.length - 1)]);
    }
}

How to Blink a Text

 Blinking a text in Android is very simple and needs very less code. Let's see how to make it!

 

In the activity_main.xml file you have to edit the android:text and add just these two lines under TextView tag:

android:id="@+id/textView"
android:textSize="40sp"
android:text="I AM BLINKING!"

So after making the changes, the activity_main.xml file will have these things:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView"
        android:textSize="40sp"
        android:text="I AM BLINKING!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Now inside the MainActivity.java, below the setContentView method, just paste this code and you are done:

TextView blinkingText = findViewById(R.id.textView);
Animation blinkAnimation = new AlphaAnimation(0.0f, 1.0f);
blinkAnimation.setDuration(1000); // duration
blinkAnimation.setStartOffset(20);
blinkAnimation.setRepeatMode(Animation.REVERSE);
blinkAnimation.setRepeatCount(Animation.INFINITE);

Understand the code:

TextView blinkingText = findViewById(R.id.textView);

→ Retrieves the TextView with ID textView from the layout and stores it in blinkingText.

Animation blinkAnimation = new AlphaAnimation(0.0f, 1.0f);

→ Creates an alpha animation that changes the opacity from fully transparent to fully opaque.

blinkAnimation.setDuration(1000);

→ Sets the duration of one animation cycle to 1000 milliseconds (1 second).

blinkAnimation.setStartOffset(20);

→ Adds a 20-millisecond delay before the animation starts.

blinkAnimation.setRepeatMode(Animation.REVERSE);

→ Makes the animation reverse back to the start after reaching the end.

blinkAnimation.setRepeatCount(Animation.INFINITE);

→ Repeats the animation endlessly.

Finally the MainActivity.java will have this complete code:

package com.prashantsj.apps.blink;

import android.os.Bundle;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.widget.TextView;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);

        TextView blinkingText = findViewById(R.id.textView);
        Animation blinkAnimation = new AlphaAnimation(0.0f, 1.0f);
        blinkAnimation.setDuration(1000); // duration
        blinkAnimation.setStartOffset(20);
        blinkAnimation.setRepeatMode(Animation.REVERSE);
        blinkAnimation.setRepeatCount(Animation.INFINITE);

        blinkingText.startAnimation(blinkAnimation);

        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
    }
}