[fenix] For https://github.com/mozilla-mobile/fenix/issues/631 - Adds session item layout
parent
4412fc5298
commit
87e7828095
@ -0,0 +1,302 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generated by PaintCode - http://www.paintcodeapp.com -->
|
||||
<!-- Canvas 1 -->
|
||||
<vector
|
||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:aapt="http://schemas.android.com/aapt"
|
||||
android:name="canvas1"
|
||||
android:width="64dp"
|
||||
android:height="64dp"
|
||||
android:viewportWidth="64"
|
||||
android:viewportHeight="64">
|
||||
<!-- Group 2 -->
|
||||
<group
|
||||
android:name="group2">
|
||||
|
||||
<!-- Group 3 -->
|
||||
<group
|
||||
android:name="group3">
|
||||
<!-- Clip 3 Clip -->
|
||||
<clip-path
|
||||
android:name="clip3"
|
||||
android:pathData="M 12,8 L 60,8 C 62.21,8 64,9.79 64,12 L 64,60 C 64,62.21 62.21,64 60,64 L 12,64 C 9.79,64 8,62.21 8,60 L 8,12 C 8,9.79 9.79,8 12,8 Z" />
|
||||
|
||||
<!-- Group 4 -->
|
||||
<group
|
||||
android:name="group4">
|
||||
<!-- Clip Clip -->
|
||||
<clip-path
|
||||
android:name="clip"
|
||||
android:pathData="M 8,64 L 64,64 L 64,8 L 8,8 L 8,64 Z" />
|
||||
|
||||
<!-- Picture -->
|
||||
<group
|
||||
android:name="picture-transform"
|
||||
android:translateX="-1.33"
|
||||
android:translateY="8"
|
||||
android:scaleX="0.53"
|
||||
android:scaleY="0.53">
|
||||
<path
|
||||
android:name="picture"
|
||||
android:pathData="M 0,105 L 140,105 L 140,0 L 0,0 L 0,105 Z" />
|
||||
</group>
|
||||
</group>
|
||||
|
||||
<!-- Rectangle 3 -->
|
||||
<path
|
||||
android:name="rectangle3"
|
||||
android:pathData="M 8,64 L 64,64 L 64,8 L 8,8 L 8,64 Z">
|
||||
<aapt:attr name="android:fillColor">
|
||||
<gradient
|
||||
android:type="linear"
|
||||
android:tileMode="clamp"
|
||||
android:startX="3"
|
||||
android:startY="3"
|
||||
android:endX="69"
|
||||
android:endY="69">
|
||||
<item android:color="#FF9952FF" android:offset="0" />
|
||||
<item android:color="#FF9952FF" android:offset="1" />
|
||||
</gradient>
|
||||
</aapt:attr>
|
||||
</path>
|
||||
|
||||
<!-- Group 5 -->
|
||||
<group
|
||||
android:name="group5">
|
||||
|
||||
<!-- Rectangle 4 -->
|
||||
<path
|
||||
android:name="rectangle4"
|
||||
android:pathData="M 8,64 L 64,64 L 64,8 L 8,8 L 8,64 Z">
|
||||
<aapt:attr name="android:fillColor">
|
||||
<gradient
|
||||
android:type="linear"
|
||||
android:tileMode="clamp"
|
||||
android:startX="3"
|
||||
android:startY="3"
|
||||
android:endX="69"
|
||||
android:endY="69">
|
||||
<item android:color="#FF9952FF" android:offset="0" />
|
||||
<item android:color="#FF9952FF" android:offset="1" />
|
||||
</gradient>
|
||||
</aapt:attr>
|
||||
</path>
|
||||
</group>
|
||||
|
||||
<!-- Group 6 -->
|
||||
<group
|
||||
android:name="group6">
|
||||
<!-- Clip 2 Clip -->
|
||||
<clip-path
|
||||
android:name="clip2"
|
||||
android:pathData="M 8,64 L 64,64 L 64,8 L 8,8 L 8,64 Z" />
|
||||
|
||||
<!-- Picture 2 -->
|
||||
<group
|
||||
android:name="picture2-transform"
|
||||
android:translateX="-1.2"
|
||||
android:translateY="8"
|
||||
android:scaleX="0.63"
|
||||
android:scaleY="0.63">
|
||||
<path
|
||||
android:name="picture2"
|
||||
android:pathData="M 0,89 L 118,89 L 118,0 L 0,0 L 0,89 Z" />
|
||||
</group>
|
||||
</group>
|
||||
|
||||
<!-- Rectangle 7 -->
|
||||
<path
|
||||
android:name="rectangle7"
|
||||
android:pathData="M 8,64 L 64,64 L 64,8 L 8,8 L 8,64 Z"
|
||||
android:fillColor="#660C0C0D" />
|
||||
</group>
|
||||
|
||||
<!-- Group 7 -->
|
||||
<group
|
||||
android:name="group7">
|
||||
<!-- Clip 6 Clip -->
|
||||
<clip-path
|
||||
android:name="clip6"
|
||||
android:pathData="M 4,56 C 4,58.21 5.79,60 8,60 L 56,60 C 58.21,60 60,58.21 60,56 L 60,8 C 60,5.79 58.21,4 56,4 L 8,4 C 5.79,4 4,5.79 4,8 L 4,56 Z" />
|
||||
|
||||
<!-- Group 8 -->
|
||||
<group
|
||||
android:name="group8">
|
||||
<!-- Clip 4 Clip -->
|
||||
<clip-path
|
||||
android:name="clip4"
|
||||
android:pathData="M 4,60 L 60,60 L 60,4 L 4,4 L 4,60 Z" />
|
||||
|
||||
<!-- Picture 3 -->
|
||||
<group
|
||||
android:name="picture3-transform"
|
||||
android:translateX="-5.33"
|
||||
android:translateY="4"
|
||||
android:scaleX="0.53"
|
||||
android:scaleY="0.53">
|
||||
<path
|
||||
android:name="picture3"
|
||||
android:pathData="M 0,105 L 140,105 L 140,0 L 0,0 L 0,105 Z" />
|
||||
</group>
|
||||
</group>
|
||||
|
||||
<!-- Rectangle 10 -->
|
||||
<path
|
||||
android:name="rectangle10"
|
||||
android:pathData="M 4,60 L 60,60 L 60,4 L 4,4 L 4,60 Z">
|
||||
<aapt:attr name="android:fillColor">
|
||||
<gradient
|
||||
android:type="linear"
|
||||
android:tileMode="clamp"
|
||||
android:startX="-1"
|
||||
android:startY="-1"
|
||||
android:endX="65"
|
||||
android:endY="65">
|
||||
<item android:color="#FF9952FF" android:offset="0" />
|
||||
<item android:color="#FF9952FF" android:offset="1" />
|
||||
</gradient>
|
||||
</aapt:attr>
|
||||
</path>
|
||||
|
||||
<!-- Group 9 -->
|
||||
<group
|
||||
android:name="group9">
|
||||
|
||||
<!-- Rectangle 11 -->
|
||||
<path
|
||||
android:name="rectangle11"
|
||||
android:pathData="M 4,60 L 60,60 L 60,4 L 4,4 L 4,60 Z">
|
||||
<aapt:attr name="android:fillColor">
|
||||
<gradient
|
||||
android:type="linear"
|
||||
android:tileMode="clamp"
|
||||
android:startX="-1"
|
||||
android:startY="-1"
|
||||
android:endX="65"
|
||||
android:endY="65">
|
||||
<item android:color="#FF9952FF" android:offset="0" />
|
||||
<item android:color="#FF9952FF" android:offset="1" />
|
||||
</gradient>
|
||||
</aapt:attr>
|
||||
</path>
|
||||
</group>
|
||||
|
||||
<!-- Group 10 -->
|
||||
<group
|
||||
android:name="group10">
|
||||
<!-- Clip 5 Clip -->
|
||||
<clip-path
|
||||
android:name="clip5"
|
||||
android:pathData="M 4,60 L 60,60 L 60,4 L 4,4 L 4,60 Z" />
|
||||
|
||||
<!-- Picture 4 -->
|
||||
<group
|
||||
android:name="picture4-transform"
|
||||
android:translateX="-5.2"
|
||||
android:translateY="4"
|
||||
android:scaleX="0.63"
|
||||
android:scaleY="0.63">
|
||||
<path
|
||||
android:name="picture4"
|
||||
android:pathData="M 0,89 L 118,89 L 118,0 L 0,0 L 0,89 Z" />
|
||||
</group>
|
||||
</group>
|
||||
|
||||
<!-- Rectangle 14 -->
|
||||
<path
|
||||
android:name="rectangle14"
|
||||
android:pathData="M 4,60 L 60,60 L 60,4 L 4,4 L 4,60 Z"
|
||||
android:fillColor="#330C0C0D" />
|
||||
</group>
|
||||
|
||||
<!-- Group 11 -->
|
||||
<group
|
||||
android:name="group11">
|
||||
<!-- Clip 9 Clip -->
|
||||
<clip-path
|
||||
android:name="clip9"
|
||||
android:pathData="M 4,0 L 52,0 C 54.21,0 56,1.79 56,4 L 56,52 C 56,54.21 54.21,56 52,56 L 4,56 C 1.79,56 0,54.21 0,52 L 0,4 C 0,1.79 1.79,0 4,0 Z" />
|
||||
|
||||
<!-- Group 12 -->
|
||||
<group
|
||||
android:name="group12">
|
||||
<!-- Clip 7 Clip -->
|
||||
<clip-path
|
||||
android:name="clip7"
|
||||
android:pathData="M 0,56 L 56,56 L 56,0 L 0,0 L 0,56 Z" />
|
||||
|
||||
<!-- Picture 5 -->
|
||||
<group
|
||||
android:name="picture5-transform"
|
||||
android:translateX="-9.33"
|
||||
android:scaleX="0.53"
|
||||
android:scaleY="0.53">
|
||||
<path
|
||||
android:name="picture5"
|
||||
android:pathData="M 0,105 L 140,105 L 140,0 L 0,0 L 0,105 Z" />
|
||||
</group>
|
||||
</group>
|
||||
|
||||
<!-- Rectangle 18 -->
|
||||
<path
|
||||
android:name="rectangle18"
|
||||
android:pathData="M 0,56 L 56,56 L 56,0 L 0,0 L 0,56 Z">
|
||||
<aapt:attr name="android:fillColor">
|
||||
<gradient
|
||||
android:type="linear"
|
||||
android:tileMode="clamp"
|
||||
android:startX="-5"
|
||||
android:startY="-5"
|
||||
android:endX="61"
|
||||
android:endY="61">
|
||||
<item android:color="#FF9952FF" android:offset="0" />
|
||||
<item android:color="#FF9952FF" android:offset="1" />
|
||||
</gradient>
|
||||
</aapt:attr>
|
||||
</path>
|
||||
|
||||
<!-- Group 13 -->
|
||||
<group
|
||||
android:name="group13">
|
||||
|
||||
<!-- Rectangle 19 -->
|
||||
<path
|
||||
android:name="rectangle19"
|
||||
android:pathData="M 0,56 L 56,56 L 56,0 L 0,0 L 0,56 Z">
|
||||
<aapt:attr name="android:fillColor">
|
||||
<gradient
|
||||
android:type="linear"
|
||||
android:tileMode="clamp"
|
||||
android:startX="-5"
|
||||
android:startY="-5"
|
||||
android:endX="61"
|
||||
android:endY="61">
|
||||
<item android:color="#FF9952FF" android:offset="0" />
|
||||
<item android:color="#FF9952FF" android:offset="1" />
|
||||
</gradient>
|
||||
</aapt:attr>
|
||||
</path>
|
||||
</group>
|
||||
|
||||
<!-- Group 14 -->
|
||||
<group
|
||||
android:name="group14">
|
||||
<!-- Clip 8 Clip -->
|
||||
<clip-path
|
||||
android:name="clip8"
|
||||
android:pathData="M 0,56 L 56,56 L 56,0 L 0,0 L 0,56 Z" />
|
||||
|
||||
<!-- Picture 6 -->
|
||||
<group
|
||||
android:name="picture6-transform"
|
||||
android:translateX="-9.2"
|
||||
android:scaleX="0.63"
|
||||
android:scaleY="0.63">
|
||||
<path
|
||||
android:name="picture6"
|
||||
android:pathData="M 0,89 L 118,89 L 118,0 L 0,0 L 0,89 Z" />
|
||||
</group>
|
||||
</group>
|
||||
</group>
|
||||
</group>
|
||||
</vector>
|
@ -0,0 +1,80 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<androidx.cardview.widget.CardView
|
||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_marginTop="8dp"
|
||||
android:layout_marginBottom="8dp"
|
||||
android:background="@android:color/white"
|
||||
app:cardElevation="1dp"
|
||||
app:cardCornerRadius="10dp"
|
||||
android:clipChildren="true">
|
||||
|
||||
<androidx.constraintlayout.widget.ConstraintLayout
|
||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:paddingBottom="16dp">
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/session_card_thumbnail"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:src="@drawable/ic_session_thumbnail"
|
||||
android:layout_margin="16dp"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"/>
|
||||
|
||||
<TextView
|
||||
android:id="@+id/session_card_timestamp"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:textColor="@color/photonInk80"
|
||||
android:textSize="16sp"
|
||||
android:layout_marginStart="12dp"
|
||||
android:layout_marginBottom="2dp"
|
||||
android:layout_marginEnd="12dp"
|
||||
app:layout_constraintStart_toEndOf="@+id/session_card_thumbnail"
|
||||
app:layout_constraintTop_toTopOf="@id/session_card_thumbnail"
|
||||
app:layout_constraintEnd_toStartOf="@id/session_card_overflow_button"/>
|
||||
|
||||
<TextView
|
||||
android:id="@+id/session_card_titles"
|
||||
android:layout_width="0dp"
|
||||
android:layout_height="wrap_content"
|
||||
android:textColor="@color/photonGrey50"
|
||||
android:textSize="12sp"
|
||||
app:layout_constraintTop_toBottomOf="@+id/session_card_timestamp"
|
||||
app:layout_constraintStart_toStartOf="@id/session_card_timestamp"
|
||||
app:layout_constraintEnd_toEndOf="@id/session_card_timestamp"/>
|
||||
|
||||
<TextView
|
||||
android:id="@+id/session_card_extras"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:textColor="@color/photonGrey50"
|
||||
android:textSize="12sp"
|
||||
app:layout_constraintTop_toBottomOf="@+id/session_card_titles"
|
||||
app:layout_constraintStart_toStartOf="@id/session_card_titles" />
|
||||
|
||||
<androidx.constraintlayout.widget.Barrier
|
||||
android:id="@+id/bottomBarrier"
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
app:barrierDirection="bottom"
|
||||
app:constraint_referenced_ids="session_card_thumbnail,session_card_extras" />
|
||||
|
||||
<ImageButton
|
||||
android:id="@+id/session_card_overflow_button"
|
||||
android:layout_width="@dimen/glyph_button_width"
|
||||
android:layout_height="@dimen/glyph_button_height"
|
||||
android:background="?android:attr/selectableItemBackgroundBorderless"
|
||||
android:src="@drawable/ic_menu"
|
||||
android:tint="?attr/toolbarTextColor"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent" />
|
||||
|
||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||
</androidx.cardview.widget.CardView>
|
Loading…
Reference in New Issue