French Teacher App

 Output:


Resource Link:

https://drive.google.com/drive/folders/1vp4TVMTACXblVQM-HGPc1UrqWZoAoRV6?usp=drive_link

Designing the Layout

<TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="French Teacher App"
        android:textColor="@color/white"
        android:textSize="32sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.629"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.311" />

    <Button
        android:id="@+id/blackBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="67dp"
        android:text="Black"
        android:textColor="@color/black"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <Button
        android:id="@+id/greenBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="Green"
        android:textColor="#3ED92C"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/blackBtn" />

    <Button
        android:id="@+id/purpleBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="84dp"
        android:text="Purple"
        android:textColor="#9A038D"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.504"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/blackBtn" />

    <Button
        android:id="@+id/redBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="152dp"
        android:text="Red"
        android:textColor="#B80000"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.504"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/blackBtn" />

    <Button
        android:id="@+id/yellowBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="216dp"
        android:text="Yellow"
        android:textColor="#F4C11D"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.507"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/blackBtn" />

Java

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    Button blackBtn, yellowBtn, redBtn, purpleBtn, greenBtn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        blackBtn = findViewById(R.id.blackBtn);
        redBtn = findViewById(R.id.redBtn);
        yellowBtn = findViewById(R.id.yellowBtn);
        purpleBtn = findViewById(R.id.purpleBtn);
        greenBtn = findViewById(R.id.greenBtn);

       redBtn.setOnClickListener(this);
       blackBtn.setOnClickListener(this);
       yellowBtn.setOnClickListener(this);
       purpleBtn.setOnClickListener(this);
       greenBtn.setOnClickListener(this);

    }


    @Override
    public void onClick(View v) {
        // Find the button by ID and play the correct sound

        int clickedBtnId = v.getId();

        if (clickedBtnId == R.id.redBtn){
            PlaySounds(R.raw.red);
        } else if (clickedBtnId == R.id.blackBtn) {
            PlaySounds(R.raw.black);
        } else if (clickedBtnId == R.id.greenBtn) {
            PlaySounds(R.raw.green);
        }else if (clickedBtnId == R.id.purpleBtn){
            PlaySounds(R.raw.purple);
        }else if (clickedBtnId == R.id.yellowBtn){
            PlaySounds(R.raw.yellow);
        }

    }

    public void PlaySounds(int id){
        MediaPlayer mediaPlayer = MediaPlayer.create(
                this,
                id
        );
        mediaPlayer.start();
    }


}

Comments

Post a Comment

Popular posts from this blog

Widgets

 Activity_main.xml  <CheckBox         android:id="@+id/checkbox1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_marginTop="4dp"         android:layout_marginEnd="296dp"         android:text="Cheese"         app:layout_constraintEnd_toEndOf="parent"         app:layout_constraintTop_toTopOf="parent" />      <CheckBox         android:id="@+id/checkbox2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Tomato"         app:layout_constraintStart_toStartOf="@+id/checkbox1"         app:layout_constraintTop_toBottomOf="@+id/checkbox1" />     <Bu...
Read more

List View : Planet Application

Image
 Output Step 1: Create Layout: item_list_layout android:layout_height="wrap_content" <ImageView         android:id="@+id/imageView"         android:layout_width="100dp"         android:layout_height="100dp"         android:layout_margin="16dp"         android:layout_marginStart="16dp"         app:layout_constraintBottom_toBottomOf="parent"         app:layout_constraintStart_toStartOf="parent"         app:layout_constraintTop_toTopOf="parent" />       <TextView         android:id="@+id/planet_name"         android:layout_width="wrap_content"         android:layout_height="wrap...
Read more

Recycler View: MarketApp

Image
 Recycler View: MarketApp 📋 Steps to Create a RecyclerView: Item Layout: First, design the layout for a single item in XML. This layout defines how each row/item in the RecyclerView will look. RecyclerView Widget: Add the RecyclerView in your activity's layout and initialize it in the activity or fragment using Java/Kotlin code. Model Class: Create a data class that holds the information for each item (like title, image, etc.) you want to show in the RecyclerView. Adapter Class: This is where the real action happens. The adapter connects the data (from the model) to the views (item layout). It handles creating item views and binding data to them. ViewHolder: ViewHolder holds references to the views inside each item, making scrolling smooth and fast by avoiding repeated findViewById calls Resources :   https://drive.google.com/drive/folders/1vp4TVMTACXblVQM-HGPc1UrqWZoAoRV6?usp=drive_link Item Layout android:layout_height="wrap_content">     ...
Read more