Layer-list drawable का उपयोग करके बटन पर आकर्षक शैडो प्रभाव बनाने का तरीका।
चरण 1: नया प्रोजेक्ट बनाएं
Android Studio में नया प्रोजेक्ट बनाएं।
चरण 2: लेआउट में बटन
res/layout/activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="https://schemas.android.com/apk/res/android"
xmlns:app="https://schemas.android.com/apk/res-auto"
xmlns:tools="https://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_gravity="center"
android:text="Shadow Button"
android:background="@drawable/shadow_button_layer_list"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
चरण 3: MainActivity
src/MainActivity.java - साधारण सेटअप:
package com.medkart.sample;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
चरण 4: शैडो ड्रॉएबल बनाएं
res/drawable/shadow_button_layer_list.xml:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="https://schemas.android.com/apk/res/android">
<!-- ग्रे शैडो -->
<item android:left="3dp" android:top="5dp">
<shape>
<solid android:color="@android:color/darker_gray" />
<corners android:radius="15dp" />
</shape>
</item>
<!-- सफेद फोरग्राउंड -->
<item android:bottom="5dp" android:right="3dp">
<shape>
<solid android:color="@android:color/white" />
<corners android:radius="15dp" />
</shape>
</item>
</layer-list>
चरण 5: मैनिफेस्ट
मानक मैनिफेस्ट कॉन्फिगरेशन।
कस्टमाइज़ेशन टिप्स
android:left/top/bottom/right- शैडो ऑफसेट समायोजित करेंandroid:radius- कोने की गोलाई बदलेंandroid:color- शैडो और बटन रंग बदलें- एलिवेशन के लिए
android:elevation(API 21+) भी उपयोग कर सकते हैं
