Redesign conversation and conversation preferences layouts
Remove avatars from conversation items unless in a group chat. // FREEBIEpull/1/head
After Width: | Height: | Size: 148 B |
After Width: | Height: | Size: 149 B |
After Width: | Height: | Size: 119 B |
After Width: | Height: | Size: 140 B |
After Width: | Height: | Size: 195 B |
After Width: | Height: | Size: 200 B |
After Width: | Height: | Size: 115 B |
After Width: | Height: | Size: 131 B |
After Width: | Height: | Size: 191 B |
After Width: | Height: | Size: 194 B |
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<shape xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
<gradient
|
||||||
|
android:angle="90"
|
||||||
|
android:startColor="#3A000000"
|
||||||
|
android:centerColor="#1D000000"
|
||||||
|
android:endColor="@android:color/transparent"/>
|
||||||
|
</shape>
|
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<shape xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
<gradient
|
||||||
|
android:angle="270"
|
||||||
|
android:startColor="#26000000"
|
||||||
|
android:centerColor="#0C000000"
|
||||||
|
android:endColor="@android:color/transparent"/>
|
||||||
|
</shape>
|
@ -1,52 +1,94 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<org.thoughtcrime.securesms.ConversationTitleView
|
<org.thoughtcrime.securesms.ConversationTitleView
|
||||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
xmlns:tools="http://schemas.android.com/tools"
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
android:orientation="vertical"
|
android:layout_width="match_parent"
|
||||||
android:layout_width="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:layout_height="match_parent"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:layout_gravity="center_vertical"
|
android:layout_gravity="center_vertical"
|
||||||
android:gravity="center_vertical">
|
android:gravity="center_vertical">
|
||||||
|
|
||||||
<org.thoughtcrime.securesms.components.emoji.EmojiTextView
|
<ImageView android:id="@+id/up_button"
|
||||||
android:id="@+id/title"
|
android:layout_width="wrap_content"
|
||||||
android:layout_width="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:src="@drawable/ic_arrow_back_white_24dp"
|
||||||
android:singleLine="true"
|
android:clickable="true"
|
||||||
android:ellipsize="end"
|
android:layout_marginRight="15dp"
|
||||||
android:transitionName="recipient_name"
|
android:layout_marginEnd="15dp"
|
||||||
android:drawablePadding="5dp"
|
android:layout_alignParentLeft="true"
|
||||||
android:gravity="center_vertical"
|
android:layout_alignParentStart="true"
|
||||||
android:layout_gravity="center_vertical"
|
android:layout_centerVertical="true"
|
||||||
style="@style/TextSecure.TitleTextStyle"
|
android:visibility="visible"/>
|
||||||
tools:ignore="UnusedAttribute"/>
|
|
||||||
|
<org.thoughtcrime.securesms.components.AvatarImageView
|
||||||
<LinearLayout android:orientation="horizontal"
|
android:id="@+id/contact_photo_image"
|
||||||
android:layout_width="wrap_content"
|
android:foreground="@drawable/contact_photo_background"
|
||||||
android:layout_height="wrap_content"
|
android:layout_width="48dp"
|
||||||
android:gravity="center_vertical">
|
android:layout_height="48dp"
|
||||||
|
android:layout_toRightOf="@id/up_button"
|
||||||
|
android:layout_toEndOf="@id/up_button"
|
||||||
|
android:layout_centerVertical="true"
|
||||||
|
android:layout_marginRight="10dp"
|
||||||
|
android:layout_marginEnd="10dp"
|
||||||
|
android:cropToPadding="true"
|
||||||
|
android:transitionName="contact_photo"
|
||||||
|
app:inverted="true"
|
||||||
|
tools:src="@drawable/ic_contact_picture"
|
||||||
|
android:contentDescription="@string/conversation_list_item_view__contact_photo_image"/>
|
||||||
|
|
||||||
|
<RelativeLayout android:id="@+id/content"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_toRightOf="@id/contact_photo_image"
|
||||||
|
android:layout_toEndOf="@id/contact_photo_image"
|
||||||
|
android:layout_centerVertical="true">
|
||||||
|
|
||||||
|
<org.thoughtcrime.securesms.components.emoji.EmojiTextView
|
||||||
|
android:id="@+id/title"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:singleLine="true"
|
||||||
|
android:ellipsize="end"
|
||||||
|
android:textSize="18dp"
|
||||||
|
android:transitionName="recipient_name"
|
||||||
|
android:drawablePadding="5dp"
|
||||||
|
android:gravity="center_vertical"
|
||||||
|
android:layout_gravity="center_vertical"
|
||||||
|
android:layout_alignParentLeft="true"
|
||||||
|
android:layout_alignParentStart="true"
|
||||||
|
android:layout_alignParentTop="true"
|
||||||
|
style="@style/TextSecure.TitleTextStyle"
|
||||||
|
tools:ignore="UnusedAttribute"/>
|
||||||
|
|
||||||
<ImageView android:id="@+id/verified_indicator"
|
<ImageView android:id="@+id/verified_indicator"
|
||||||
android:src="@drawable/ic_check_circle_white_18dp"
|
android:src="@drawable/ic_check_circle_white_18dp"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginRight="3dp"
|
android:layout_marginRight="3dp"
|
||||||
|
android:layout_marginEnd="3dp"
|
||||||
android:layout_gravity="bottom"
|
android:layout_gravity="bottom"
|
||||||
|
android:layout_alignParentLeft="true"
|
||||||
|
android:layout_alignParentStart="true"
|
||||||
|
android:layout_below="@id/title"
|
||||||
android:alpha="0.7"
|
android:alpha="0.7"
|
||||||
android:visibility="gone"/>
|
android:visibility="gone"/>
|
||||||
|
|
||||||
<org.thoughtcrime.securesms.components.emoji.EmojiTextView
|
<org.thoughtcrime.securesms.components.emoji.EmojiTextView
|
||||||
android:id="@+id/subtitle"
|
android:id="@+id/subtitle"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:singleLine="true"
|
android:singleLine="true"
|
||||||
android:ellipsize="end"
|
android:ellipsize="end"
|
||||||
android:layout_gravity="center_vertical|start"
|
android:layout_gravity="center_vertical|start"
|
||||||
android:gravity="center_vertical"
|
android:gravity="center_vertical"
|
||||||
android:textDirection="ltr"
|
android:layout_toRightOf="@id/verified_indicator"
|
||||||
tools:text="(123) 123-1234"
|
android:layout_toEndOf="@id/verified_indicator"
|
||||||
style="@style/TextSecure.SubtitleTextStyle"/>
|
android:layout_below="@id/title"
|
||||||
|
android:textDirection="ltr"
|
||||||
</LinearLayout>
|
android:textSize="13dp"
|
||||||
|
tools:text="(123) 123-1234"
|
||||||
|
style="@style/TextSecure.SubtitleTextStyle"/>
|
||||||
|
|
||||||
|
</RelativeLayout>
|
||||||
|
|
||||||
</org.thoughtcrime.securesms.ConversationTitleView>
|
</org.thoughtcrime.securesms.ConversationTitleView>
|
@ -1,69 +1,72 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
<android.support.design.widget.CoordinatorLayout
|
||||||
xmlns:tools="http://schemas.android.com/tools"
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
android:orientation="vertical"
|
android:layout_width="match_parent"
|
||||||
android:layout_width="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:layout_height="match_parent">
|
android:background="@color/transparent"
|
||||||
|
xmlns:tools="http://schemas.android.com/tools">
|
||||||
|
|
||||||
<android.support.v7.widget.Toolbar
|
<android.support.design.widget.AppBarLayout
|
||||||
android:id="@+id/toolbar"
|
android:id="@+id/app_bar_layout"
|
||||||
android:layout_height="130dp"
|
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:minHeight="?attr/actionBarSize"
|
android:layout_height="300dp"
|
||||||
android:background="?attr/colorPrimary"
|
android:background="@color/transparent">
|
||||||
android:theme="@style/TextSecure.LightActionBar">
|
|
||||||
|
|
||||||
<LinearLayout android:layout_width="match_parent"
|
<android.support.design.widget.CollapsingToolbarLayout
|
||||||
android:layout_height="match_parent"
|
android:id="@+id/collapsing_toolbar"
|
||||||
android:orientation="horizontal"
|
android:layout_width="match_parent"
|
||||||
android:gravity="center_vertical">
|
android:layout_height="match_parent"
|
||||||
|
android:background="@color/transparent"
|
||||||
|
app:layout_scrollFlags="scroll|exitUntilCollapsed">
|
||||||
|
|
||||||
<org.thoughtcrime.securesms.components.AvatarImageView
|
<ImageView android:id="@+id/avatar"
|
||||||
android:id="@+id/avatar"
|
android:layout_width="match_parent"
|
||||||
android:foreground="@drawable/contact_photo_background"
|
android:layout_height="match_parent"
|
||||||
android:layout_width="50dp"
|
android:scaleType="centerCrop"
|
||||||
android:layout_height="50dp"
|
android:background="@color/black"
|
||||||
android:cropToPadding="true"
|
android:transitionName="avatar"
|
||||||
app:inverted="true" />
|
app:layout_collapseMode="parallax"
|
||||||
|
app:layout_collapseParallaxMultiplier="0.7"/>
|
||||||
|
|
||||||
<LinearLayout android:layout_width="wrap_content"
|
<View
|
||||||
android:layout_height="wrap_content"
|
android:layout_width="match_parent"
|
||||||
android:orientation="vertical"
|
android:layout_height="88dp"
|
||||||
android:paddingLeft="10dp">
|
android:background="@drawable/recipient_preference_scrim_top"
|
||||||
|
app:layout_collapseMode="pin"/>
|
||||||
|
|
||||||
<org.thoughtcrime.securesms.components.emoji.EmojiTextView
|
<View
|
||||||
android:id="@+id/name"
|
android:layout_width="match_parent"
|
||||||
android:layout_width="wrap_content"
|
android:layout_height="98dp"
|
||||||
android:layout_height="wrap_content"
|
android:layout_gravity="bottom"
|
||||||
android:ellipsize="end"
|
android:layout_alignBottom="@+id/image"
|
||||||
android:transitionName="recipient_name"
|
android:background="@drawable/recipient_preference_scrim_bottom"/>
|
||||||
style="@style/TextSecure.TitleTextStyle"
|
|
||||||
tools:ignore="UnusedAttribute" />
|
|
||||||
|
|
||||||
<TextView android:id="@+id/blocked_indicator"
|
<android.support.v7.widget.Toolbar
|
||||||
android:layout_width="wrap_content"
|
android:id="@+id/toolbar"
|
||||||
android:layout_height="wrap_content"
|
android:layout_width="match_parent"
|
||||||
android:text="@string/recipient_preference_activity__blocked"
|
android:layout_height="?attr/actionBarSize"
|
||||||
android:textSize="12sp"
|
android:theme="@style/TextSecure.LightActionBar"
|
||||||
android:textStyle="bold"
|
android:background="@color/transparent"
|
||||||
android:textColor="?recipient_preference_blocked"
|
android:layout_marginTop="24dp"
|
||||||
android:textAllCaps="true"
|
app:layout_collapseMode="pin" >
|
||||||
android:background="@drawable/blocked_indicator_background"
|
|
||||||
android:paddingTop="3dp"
|
|
||||||
android:paddingBottom="3dp"
|
|
||||||
android:paddingLeft="5dp"
|
|
||||||
android:paddingRight="5dp"
|
|
||||||
android:layout_marginTop="2dp"
|
|
||||||
tools:ignore="UnusedAttribute" />
|
|
||||||
|
|
||||||
</LinearLayout>
|
</android.support.v7.widget.Toolbar>
|
||||||
|
|
||||||
</LinearLayout>
|
</android.support.design.widget.CollapsingToolbarLayout>
|
||||||
|
|
||||||
</android.support.v7.widget.Toolbar>
|
</android.support.design.widget.AppBarLayout>
|
||||||
|
|
||||||
<FrameLayout android:id="@+id/preference_fragment"
|
<android.support.v4.widget.NestedScrollView
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent" />
|
android:layout_height="match_parent"
|
||||||
</LinearLayout>
|
android:fillViewport="true"
|
||||||
|
app:layout_behavior="@string/appbar_scrolling_view_behavior">
|
||||||
|
|
||||||
|
<FrameLayout android:id="@+id/preference_fragment"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="match_parent"/>
|
||||||
|
|
||||||
|
</android.support.v4.widget.NestedScrollView>
|
||||||
|
|
||||||
|
</android.support.design.widget.CoordinatorLayout>
|