Create an Application that includes three sliders for adjusting the red, green, and blue components of a color, displays their respective values (0-255), and dynamically updates the background color and RGB value display based on slider changes.

Description:

MainActivity.java



//don't change package name in your source. This is Example Taken from uniwaly.com

package com.uniwaly.rgbslider; 



import android.os.Bundle;

import android.widget.SeekBar;

import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Color;



public class MainActivity extends AppCompatActivity {



    private SeekBar redSlider, greenSlider, blueSlider;

    private TextView redValue, greenValue, blueValue, rgbDisplay;

    private TextView colorBox;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        redSlider = findViewById(R.id.redSlider);

        greenSlider = findViewById(R.id.greenSlider);

        blueSlider = findViewById(R.id.blueSlider);



        redValue = findViewById(R.id.redValue);

        greenValue = findViewById(R.id.greenValue);

        blueValue = findViewById(R.id.blueValue);

        rgbDisplay = findViewById(R.id.rgbDisplay);



        colorBox = findViewById(R.id.colorBox);



        // Update color and values on slider change ,  uniwaly.com

        SeekBar.OnSeekBarChangeListener listener = new SeekBar.OnSeekBarChangeListener() {

            @Override

            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {

                updateColor();

            }



            @Override

            public void onStartTrackingTouch(SeekBar seekBar) {}



            @Override

            public void onStopTrackingTouch(SeekBar seekBar) {}

        };



        redSlider.setOnSeekBarChangeListener(listener);

        greenSlider.setOnSeekBarChangeListener(listener);

        blueSlider.setOnSeekBarChangeListener(listener);

    }



    private void updateColor() {

        int red = redSlider.getProgress();

        int green = greenSlider.getProgress();

        int blue = blueSlider.getProgress();



        redValue.setText(String.valueOf(red));

        greenValue.setText(String.valueOf(green));

        blueValue.setText(String.valueOf(blue));



        int color = Color.rgb(red, green, blue);

        colorBox.setBackgroundColor(color);



        String rgbText = "RGB(" + red + ", " + green + ", " + blue + ")";

        rgbDisplay.setText(rgbText);

    }

}

activity_main.xml






    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:padding="16dp"

    android:background="#FFFFFF">



    

    
        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Red"

        android:textSize="18sp"

        android:layout_marginBottom="8dp"/>



    
        android:id="@+id/redSlider"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:max="255"/>



    
        android:id="@+id/redValue"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="0"

        android:layout_marginBottom="16dp"/>



    

    
        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Green"

        android:textSize="18sp"

        android:layout_marginBottom="8dp"/>



    
        android:id="@+id/greenSlider"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:max="255"/>



    
        android:id="@+id/greenValue"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="0"

        android:layout_marginBottom="16dp"/>



    

    
        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Blue"

        android:textSize="18sp"

        android:layout_marginBottom="8dp"/>



    
        android:id="@+id/blueSlider"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:max="255"/>



    
        android:id="@+id/blueValue"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="0"

        android:layout_marginBottom="16dp"/>



    

    
        android:id="@+id/rgbDisplay"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="RGB(0, 0, 0)"

        android:textSize="18sp"

        android:layout_marginBottom="16dp"/>



    

    
        android:id="@+id/colorBox"

        android:layout_width="match_parent"

        android:layout_height="200dp"

        android:background="#FFFFFF"/>

Please Share with Friends and Make Sure You Paste this code on correct Place. Files Names Mentions on Codes.

Uniwaly - Your Study Buddy

Please Login / Signup to Continue Download Study Material

Disclaimer

Uniwaly does not host or upload any files including books, notes, past papers, or other educational materials. All content is provided through publicly available links from third-party websites such as Google Drive, Dropbox, and other file-sharing platforms. We respect copyright laws and recommend users to only download content that is freely available or shared with permission. If you believe any file violates copyright, please contact us immediately for review.

Search Books

Create an Application that includes three sliders for adjusting the red, green, and blue components of a color, displays their respective values (0-255), and dynamically updates the background color and RGB value display based on slider changes.

MainActivity.java

activity_main.xml

Please Share with Friends and Make Sure You Paste this code on correct Place. Files Names Mentions on Codes.

More Study Materials

Info

Explore

Legal

Newsletter

Cookie Preferences

Necessary Cookies

Analytics Cookies

Advertising Cookies

Search Books

Create an Application that includes three sliders for adjusting the red, green, and blue components of a color, displays their respective values (0-255), and dynamically updates the background color and RGB value display based on slider changes.

MainActivity.java

activity_main.xml

Please Share with Friends and Make Sure You Paste this code on correct Place. Files Names Mentions on Codes.

Book Ownership Claim

More Study Materials

Info

Explore

Legal

Newsletter