Step 1 main.xml
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/contentBodyColor"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="30dp">
<TextView
style="@style/viewParent.headerText"
android:text="Settings" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/profileCircleImageView"
android:layout_width="60dp"
android:layout_height="60dp"
app:civ_border_width="2dp"
app:civ_border_color="@color/imageBorderColor"
android:src="@drawable/user_dp"
android:layout_marginTop="15dp"
android:layout_marginRight="10dp"/>
<TextView
android:id="@+id/usernameTextView"
style="@style/viewParent.headerText"
android:text="Rohit Sharma"
android:textSize="18sp"
android:layout_toRightOf="@id/profileCircleImageView"
android:layout_marginTop="20dp"/>
<TextView
style="@style/viewParent.headerText"
android:text="Edit personal details"
android:textSize="16sp"
android:textColor="#5D5C5C"
android:layout_below="@id/usernameTextView"
android:layout_toRightOf="@id/profileCircleImageView"/>
<ImageView
style="@style/viewParent"
android:src="@drawable/ic_more"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"/>
</RelativeLayout>
<Switch
android:id="@+id/darkModeSwitch"
style="@style/settingsText"
android:drawableLeft="@drawable/ic_dark_mode"
android:text="Dark Mode" />
<TextView
style="@style/viewParent.headerText.settingsMiniTitle"
android:text="Profile"/>
<TextView
style="@style/viewParent.headerText.settingsTextIcon"
android:drawableLeft="@drawable/ic_edit_profile"
android:text="Edit Profile" />
<TextView
style="@style/viewParent.headerText.settingsTextIcon"
android:drawableLeft="@drawable/ic_edit_password"
android:layout_marginTop="10dp"
android:text="Change Password" />
<TextView
style="@style/viewParent.headerText.settingsMiniTitle"
android:text="Notifications"/>
<Switch
style="@style/settingsText"
android:checked="true"
android:drawableLeft="@drawable/ic_notifications"
android:text="Notifications" />
<TextView
style="@style/viewParent.headerText.settingsMiniTitle"
android:text="Regional"/>
<TextView
style="@style/viewParent.headerText.settingsTextIcon"
android:drawableLeft="@drawable/ic_languages"
android:text="Language" />
<TextView
style="@style/viewParent.headerText.settingsTextIcon"
android:drawableLeft="@drawable/ic_logout"
android:text="Logout" />
<TextView
style="@style/viewParent.headerText.settingsMiniTitle"
android:text="App Version 3.0.1"
android:textAlignment="center"/>
</LinearLayout>
</ScrollView>
Step 2 main.java
package in.learncodewithrk.androidsettingsprofiledesign;
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);
}
}
GITHUB : https://github.com/LearncodeWithRk/Free-Androidx-settings-profile-design-
0 Comments