font, header

This commit is contained in:
gracia
2025-01-27 17:56:36 +07:00
parent 1035198d69
commit 96761818b3
25 changed files with 222 additions and 4 deletions

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:top="-6dp"
android:left="-6dp"
android:right="-6dp"
android:bottom="0dp">
<shape android:shape="rectangle">
<solid android:color="@color/white"/>
<stroke
android:width="1dp"
android:color="@color/black_50"/>
</shape>
</item>
</layer-list>

Binary file not shown.

After

Width:  |  Height:  |  Size: 575 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 B

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -7,6 +7,12 @@
android:layout_height="match_parent"
tools:context=".ui.TokoSayaActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="halo"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

View File

@ -0,0 +1,57 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:background="@drawable/header_bg"
android:paddingHorizontal="@dimen/horizontal_safe_area"
android:paddingVertical="@dimen/vertical_safe_area">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:contentInsetStart="0dp"
app:contentInsetStartWithNavigation="0dp">
<ImageView
android:id="@+id/header_left_icon"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_gravity="start"
android:layout_marginEnd="10dp"
android:src="@drawable/ic_arrow_back" />
<TextView
android:id="@+id/header_title"
style="@style/title_large"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Judul" />
<ImageView
android:id="@+id/header_right_icon"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_gravity="end"
android:src="@drawable/ic_more_vertical"
android:visibility="gone" />
<TextView
android:id="@+id/header_right_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end"
android:text="Tambah"
style="@style/label_large_prominent"
android:textColor="@color/blue_500"
android:visibility="gone"/>
</com.google.android.material.appbar.MaterialToolbar>
</com.google.android.material.appbar.AppBarLayout>
</RelativeLayout>

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="horizontal_safe_area">16dp</dimen>
<dimen name="vertical_safe_area">6dp</dimen>
</resources>

View File

@ -1,9 +1,143 @@
<resources xmlns:tools="http://schemas.android.com/tools">
<resources>
<!-- Base application theme. -->
<style name="Base.Theme.Ecommerce_serang" parent="Theme.Material3.DayNight.NoActionBar">
<style name="Theme.Ecommerce_serang" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your light theme here. -->
<!-- <item name="colorPrimary">@color/my_light_primary</item> -->
<item name="colorPrimary">@color/blue_500</item>
<item name="colorPrimaryDark">@color/white</item>
<item name="colorAccent">@color/black</item>
<item name="android:contentInsetStart">0dp</item>
<item name="android:contentInsetLeft">0dp</item>
</style>
<!-- Text Styles -->
<style name="display_large">
<item name="android:textSize">57sp</item>
<item name="android:lineSpacingExtra">64sp</item>
<item name="android:letterSpacing">-0.25</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="display_medium">
<item name="android:textSize">45sp</item>
<item name="android:lineSpacingExtra">52sp</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="display_small">
<item name="android:textSize">36sp</item>
<item name="android:lineSpacingExtra">44sp</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="headline_large">
<item name="android:textSize">32sp</item>
<item name="android:lineSpacingExtra">40sp</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="headline_medium">
<item name="android:textSize">28sp</item>
<item name="android:lineSpacingExtra">36sp</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="headline_small">
<item name="android:textSize">24sp</item>
<item name="android:lineSpacingExtra">32sp</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="title_large">
<item name="android:textSize">22sp</item>
<item name="android:lineSpacingExtra">28sp</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="title_medium">
<item name="android:textSize">16sp</item>
<item name="android:lineSpacingExtra">24sp</item>
<item name="android:letterSpacing">0.15</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_medium</item>
</style>
<style name="title_small">
<item name="android:textSize">14sp</item>
<item name="android:lineSpacingExtra">20sp</item>
<item name="android:letterSpacing">0.1</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_medium</item>
</style>
<style name="label_large_prominent">
<item name="android:textSize">14sp</item>
<item name="android:lineSpacingExtra">20sp</item>
<item name="android:letterSpacing">0.1</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_semibold</item>
</style>
<style name="label_large">
<item name="android:textSize">14sp</item>
<item name="android:lineSpacingExtra">20sp</item>
<item name="android:letterSpacing">0.1</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_medium</item>
</style>
<style name="label_medium_prominent">
<item name="android:textSize">12sp</item>
<item name="android:lineSpacingExtra">16sp</item>
<item name="android:letterSpacing">0.5</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_semibold</item>
</style>
<style name="label_medium">
<item name="android:textSize">12sp</item>
<item name="android:lineSpacingExtra">16sp</item>
<item name="android:letterSpacing">0.5</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_medium</item>
</style>
<style name="label_small">
<item name="android:textSize">11sp</item>
<item name="android:lineSpacingExtra">16sp</item>
<item name="android:letterSpacing">0.5</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_medium</item>
</style>
<style name="body_large">
<item name="android:textSize">16sp</item>
<item name="android:lineSpacingExtra">24sp</item>
<item name="android:letterSpacing">0.5</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="body_medium">
<item name="android:textSize">14sp</item>
<item name="android:lineSpacingExtra">20sp</item>
<item name="android:letterSpacing">0.25</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="body_small">
<item name="android:textSize">12sp</item>
<item name="android:lineSpacingExtra">16sp</item>
<item name="android:letterSpacing">0.4</item>
<item name="android:textColor">@color/black</item>
<item name="android:fontFamily">@font/dmsans_regular</item>
</style>
<style name="Theme.Ecommerce_serang" parent="Base.Theme.Ecommerce_serang" />
</resources>