design the edit profile view
This commit is contained in:
parent
251090df18
commit
b82d75a6c4
6 changed files with 93 additions and 72 deletions
|
@ -1,5 +1,7 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
<android.support.design.widget.CoordinatorLayout
|
||||
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"
|
||||
|
@ -14,49 +16,65 @@
|
|||
android:id="@+id/toolbar"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="?attr/actionBarSize"
|
||||
android:background="@android:color/transparent"
|
||||
android:background="?attr/toolbar_background_color"
|
||||
android:elevation="4dp" />
|
||||
|
||||
<EditText
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:id="@+id/edit_profile_display_name"
|
||||
android:hint="@string/hint_display_name"
|
||||
android:maxLength="30"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="16dp" />
|
||||
android:text="@string/label_header"
|
||||
android:labelFor="@+id/edit_profile_header"
|
||||
android:visibility="gone"/>
|
||||
|
||||
<EditText
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:id="@+id/edit_profile_note"
|
||||
android:hint="@string/hint_note"
|
||||
android:maxLength="160"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="16dp"
|
||||
android:layout_marginBottom="16dp" />
|
||||
<ImageButton
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="125dp"
|
||||
android:id="@id/edit_profile_header"
|
||||
app:srcCompat="@drawable/ic_add_a_photo_32dp"
|
||||
android:text="@string/action_photo_pick"
|
||||
android:textColor="@color/text_color_primary_dark" />
|
||||
|
||||
<LinearLayout
|
||||
<RelativeLayout
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="horizontal"
|
||||
android:paddingLeft="16dp">
|
||||
|
||||
<TextView
|
||||
<ImageView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="125dp"
|
||||
android:id="@+id/edit_profile_header_preview"
|
||||
android:contentDescription="@null"
|
||||
android:visibility="gone" />
|
||||
|
||||
<ProgressBar
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="@string/label_avatar"
|
||||
android:labelFor="@+id/edit_profile_avatar"
|
||||
android:layout_marginRight="8dp" />
|
||||
android:id="@+id/edit_profile_header_progress"
|
||||
android:layout_centerInParent="true"
|
||||
android:indeterminate="true"
|
||||
android:visibility="gone" />
|
||||
|
||||
<Button
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:id="@id/edit_profile_avatar"
|
||||
android:text="@string/action_photo_pick"
|
||||
android:textColor="@color/text_color_primary_dark" />
|
||||
</RelativeLayout>
|
||||
|
||||
</LinearLayout>
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="@string/label_avatar"
|
||||
android:labelFor="@+id/edit_profile_avatar"
|
||||
android:layout_marginLeft="16dp"
|
||||
android:visibility="gone"/>
|
||||
|
||||
<ImageButton
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="80dp"
|
||||
android:id="@id/edit_profile_avatar"
|
||||
app:srcCompat="@drawable/ic_add_a_photo_32dp"
|
||||
android:text="@string/action_photo_pick"
|
||||
android:textColor="@color/text_color_primary_dark"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="16dp"
|
||||
android:layout_marginTop="-40dp"
|
||||
android:elevation="10dp"/>
|
||||
|
||||
<RelativeLayout
|
||||
android:layout_width="wrap_content"
|
||||
|
@ -80,49 +98,40 @@
|
|||
|
||||
</RelativeLayout>
|
||||
|
||||
<LinearLayout
|
||||
android:layout_width="wrap_content"
|
||||
<android.support.design.widget.TextInputLayout
|
||||
android:id="@+id/layout_edit_profile_display_name"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="horizontal"
|
||||
android:paddingLeft="16dp">
|
||||
android:layout_marginTop="15dp">
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
<EditText
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="@string/label_header"
|
||||
android:labelFor="@+id/edit_profile_header"
|
||||
android:layout_marginRight="8dp" />
|
||||
android:id="@+id/edit_profile_display_name"
|
||||
android:hint="@string/hint_display_name"
|
||||
android:maxLength="30"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="16dp" />
|
||||
|
||||
<Button
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:id="@id/edit_profile_header"
|
||||
android:text="@string/action_photo_pick"
|
||||
android:textColor="@color/text_color_primary_dark" />
|
||||
</android.support.design.widget.TextInputLayout>
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<RelativeLayout
|
||||
android:layout_width="wrap_content"
|
||||
<android.support.design.widget.TextInputLayout
|
||||
android:id="@+id/layout_edit_profile_note"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:paddingLeft="16dp">
|
||||
android:layout_marginTop="15dp">
|
||||
|
||||
<ImageView
|
||||
android:layout_width="167.2dp"
|
||||
android:layout_height="80dp"
|
||||
android:id="@+id/edit_profile_header_preview"
|
||||
android:contentDescription="@null"
|
||||
android:visibility="gone" />
|
||||
|
||||
<ProgressBar
|
||||
android:layout_width="wrap_content"
|
||||
<EditText
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:id="@+id/edit_profile_header_progress"
|
||||
android:layout_centerInParent="true"
|
||||
android:indeterminate="true"
|
||||
android:visibility="gone" />
|
||||
android:id="@+id/edit_profile_note"
|
||||
android:hint="@string/hint_note"
|
||||
android:maxLength="160"
|
||||
android:layout_marginStart="16dp"
|
||||
android:layout_marginEnd="16dp"
|
||||
android:layout_marginBottom="16dp" />
|
||||
|
||||
</RelativeLayout>
|
||||
</android.support.design.widget.TextInputLayout>
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue