From 5d67f8e7ca51c88f04389598caaed21633d3d420 Mon Sep 17 00:00:00 2001
From: LUX-Timber <timberkitowang@gmail.com>
Date: Wed, 3 Apr 2024 15:08:14 +0800
Subject: [PATCH] no_apply

---
 .idea/deploymentTargetDropDown.xml            |  15 ++-
 .idea/gradle.xml                              |   1 +
 app/build.gradle                              |   3 +
 app/src/main/AndroidManifest.xml              |   5 +-
 .../newkeyboard/activity/ApplyActivity.kt     |  36 ++++++
 .../newkeyboard/activity/DetailsActivity.kt   | 106 ++++++++++++++++++
 .../soft/newkeyboard/activity/MainActivity.kt |   4 +
 .../newkeyboard/adapter/MyPagerAdapter.kt     |  14 ++-
 .../soft/newkeyboard/fragment/VPFragment.kt   |  15 +--
 .../timber/soft/newkeyboard/tools/ImgTools.kt |   8 ++
 app/src/main/res/drawable/png_loading.png     | Bin 0 -> 5935 bytes
 app/src/main/res/drawable/png_loading_err.png | Bin 0 -> 5922 bytes
 app/src/main/res/drawable/shape_theme_set.xml |   7 ++
 app/src/main/res/drawable/svg_img_err.xml     |   9 ++
 app/src/main/res/drawable/svg_loading.xml     |   9 ++
 app/src/main/res/drawable/svg_set.xml         |   9 ++
 app/src/main/res/layout/activity_apply.xml    |  83 ++++++++++++++
 app/src/main/res/layout/activity_details.xml  |  81 +++++++++++++
 app/src/main/res/layout/activity_main.xml     |  28 ++++-
 app/src/main/res/layout/item_pre_img.xml      |   2 +-
 app/src/main/res/values/strings.xml           |   6 +
 21 files changed, 421 insertions(+), 20 deletions(-)
 create mode 100644 app/src/main/java/com/timber/soft/newkeyboard/activity/ApplyActivity.kt
 create mode 100644 app/src/main/java/com/timber/soft/newkeyboard/activity/DetailsActivity.kt
 create mode 100644 app/src/main/java/com/timber/soft/newkeyboard/tools/ImgTools.kt
 create mode 100644 app/src/main/res/drawable/png_loading.png
 create mode 100644 app/src/main/res/drawable/png_loading_err.png
 create mode 100644 app/src/main/res/drawable/shape_theme_set.xml
 create mode 100644 app/src/main/res/drawable/svg_img_err.xml
 create mode 100644 app/src/main/res/drawable/svg_loading.xml
 create mode 100644 app/src/main/res/drawable/svg_set.xml
 create mode 100644 app/src/main/res/layout/activity_apply.xml
 create mode 100644 app/src/main/res/layout/activity_details.xml

diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
index 0c0c338..0f01f57 100644
--- a/.idea/deploymentTargetDropDown.xml
+++ b/.idea/deploymentTargetDropDown.xml
@@ -3,7 +3,20 @@
   <component name="deploymentTargetDropDown">
     <value>
       <entry key="app">
-        <State />
+        <State>
+          <runningDeviceTargetSelectedWithDropDown>
+            <Target>
+              <type value="RUNNING_DEVICE_TARGET" />
+              <deviceKey>
+                <Key>
+                  <type value="SERIAL_NUMBER" />
+                  <value value="ZX1G22HXL8" />
+                </Key>
+              </deviceKey>
+            </Target>
+          </runningDeviceTargetSelectedWithDropDown>
+          <timeTargetWasSelectedWithDropDown value="2024-04-03T03:35:41.455486600Z" />
+        </State>
       </entry>
     </value>
   </component>
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 32522c1..0897082 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/app/build.gradle b/app/build.gradle
index bd21299..e1cf6a2 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -52,4 +52,7 @@ dependencies {
     implementation 'com.google.code.gson:gson:2.10.1'
     implementation 'com.github.bumptech.glide:glide:4.12.0'
     annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'
+
+
+
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 4d97fa9..4895369 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,11 +2,9 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
-
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
     <uses-permission android:name="android.permission.INTERNET" />
 
-
     <application
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
@@ -26,6 +24,9 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <activity android:name=".activity.DetailsActivity" />
+        <activity android:name=".activity.ApplyActivity" />
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/timber/soft/newkeyboard/activity/ApplyActivity.kt b/app/src/main/java/com/timber/soft/newkeyboard/activity/ApplyActivity.kt
new file mode 100644
index 0000000..7d8e4cf
--- /dev/null
+++ b/app/src/main/java/com/timber/soft/newkeyboard/activity/ApplyActivity.kt
@@ -0,0 +1,36 @@
+package com.timber.soft.newkeyboard.activity
+
+import android.graphics.Color
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import androidx.appcompat.app.AppCompatActivity
+import com.timber.soft.newkeyboard.databinding.ActivityApplyBinding
+import com.timber.soft.newkeyboard.tools.StatusBarTools
+
+class ApplyActivity : AppCompatActivity() {
+
+    private lateinit var binding: ActivityApplyBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityApplyBinding.inflate(layoutInflater)
+        val view = binding.root
+        setContentView(view)
+        // 设置Padding上边距留出沉浸式状态栏空间
+        binding.root.setPadding(0, StatusBarTools.dpCovertPx(this), 0, 0)
+        // 设置沉浸式状态栏
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            window.decorView.systemUiVisibility =
+                (View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LAYOUT_STABLE) or View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
+            window.statusBarColor = Color.TRANSPARENT
+        }
+
+
+        binding.applyBack.setOnClickListener() {
+            finish()
+        }
+
+
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/timber/soft/newkeyboard/activity/DetailsActivity.kt b/app/src/main/java/com/timber/soft/newkeyboard/activity/DetailsActivity.kt
new file mode 100644
index 0000000..f631092
--- /dev/null
+++ b/app/src/main/java/com/timber/soft/newkeyboard/activity/DetailsActivity.kt
@@ -0,0 +1,106 @@
+package com.timber.soft.newkeyboard.activity
+
+import android.graphics.Color
+import android.graphics.drawable.Drawable
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import androidx.appcompat.app.AppCompatActivity
+import com.bumptech.glide.Glide
+import com.bumptech.glide.load.DataSource
+import com.bumptech.glide.load.engine.DiskCacheStrategy
+import com.bumptech.glide.load.engine.GlideException
+import com.bumptech.glide.load.resource.bitmap.RoundedCorners
+import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions
+import com.bumptech.glide.request.RequestListener
+import com.bumptech.glide.request.RequestOptions
+import com.bumptech.glide.request.target.Target
+import com.timber.soft.newkeyboard.R
+import com.timber.soft.newkeyboard.databinding.ActivityDetailsBinding
+import com.timber.soft.newkeyboard.model.DataModel
+import com.timber.soft.newkeyboard.tools.StatusBarTools
+
+class DetailsActivity : AppCompatActivity() {
+
+    private lateinit var binding: ActivityDetailsBinding
+    private lateinit var previewUrl: String
+    private lateinit var zipPath: String
+
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityDetailsBinding.inflate(layoutInflater)
+        val view = binding.root
+        setContentView(view)
+        // 设置Padding上边距留出沉浸式状态栏空间
+        binding.root.setPadding(0, StatusBarTools.dpCovertPx(this), 0, 0)
+        // 设置沉浸式状态栏
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            window.decorView.systemUiVisibility =
+                (View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LAYOUT_STABLE) or View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
+            window.statusBarColor = Color.TRANSPARENT
+        }
+
+        val dataModel = intent.getSerializableExtra("KEY_EXTRA") as DataModel
+        previewUrl = dataModel.thumb
+        zipPath = dataModel.zipUrl
+
+
+
+        binding.detailsBack.setOnClickListener(View.OnClickListener {
+            finish()
+        })
+        binding.themeSet.setOnClickListener(View.OnClickListener {
+            applyTheme()
+        })
+        binding.themeName.text = dataModel.title
+
+
+
+        binding.themePreloading.visibility = View.VISIBLE
+        val radius = 80 // 圆角半径，单位为像素
+        val transformation = RoundedCorners(radius)
+        try {
+            Glide.with(this@DetailsActivity).load(previewUrl)
+                // 缓存
+//                .diskCacheStrategy(DiskCacheStrategy.ALL)
+                .addListener(object : RequestListener<Drawable> {
+                    override fun onLoadFailed(
+                        e: GlideException?,
+                        model: Any?,
+                        target: Target<Drawable>?,
+                        isFirstResource: Boolean
+                    ): Boolean {
+                        binding.themePreloading.visibility = View.GONE
+                        return false
+                    }
+
+                    override fun onResourceReady(
+                        resource: Drawable?,
+                        model: Any?,
+                        target: Target<Drawable>?,
+                        dataSource: DataSource?,
+                        isFirstResource: Boolean
+                    ): Boolean {
+                        binding.themePreloading.visibility = View.GONE
+                        return false
+                    }
+                })
+                // 淡入动画
+                .transition(DrawableTransitionOptions.withCrossFade())
+                // 加载失败占位图
+                .error(R.drawable.png_loading_err)
+                .transform(transformation)
+                .into(binding.themeImage)
+        } catch (e: Exception) {
+            e.printStackTrace()
+        }
+
+    }
+
+
+    private fun applyTheme() {
+
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/timber/soft/newkeyboard/activity/MainActivity.kt b/app/src/main/java/com/timber/soft/newkeyboard/activity/MainActivity.kt
index 23400d3..589bf65 100644
--- a/app/src/main/java/com/timber/soft/newkeyboard/activity/MainActivity.kt
+++ b/app/src/main/java/com/timber/soft/newkeyboard/activity/MainActivity.kt
@@ -155,6 +155,10 @@ class MainActivity : AppCompatActivity() {
             intent.putExtra(Intent.EXTRA_TEXT, url)
             startActivity(intent)
         }
+        binding.layoutSet.setOnClickListener() {
+            val intent = Intent(this, ApplyActivity::class.java)
+            startActivity(intent)
+        }
         // 绑定抽屉中的版本信息
         val versionName = getVersionName()
         binding.textAppVersion.text = versionName
diff --git a/app/src/main/java/com/timber/soft/newkeyboard/adapter/MyPagerAdapter.kt b/app/src/main/java/com/timber/soft/newkeyboard/adapter/MyPagerAdapter.kt
index 5498dc8..421a1e3 100644
--- a/app/src/main/java/com/timber/soft/newkeyboard/adapter/MyPagerAdapter.kt
+++ b/app/src/main/java/com/timber/soft/newkeyboard/adapter/MyPagerAdapter.kt
@@ -10,6 +10,7 @@ import androidx.recyclerview.widget.RecyclerView
 import com.bumptech.glide.Glide
 import com.bumptech.glide.load.engine.DiskCacheStrategy
 import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions
+import com.bumptech.glide.request.RequestOptions
 import com.timber.soft.newkeyboard.R
 import com.timber.soft.newkeyboard.model.DataModel
 import com.timber.soft.newkeyboard.model.RootModel
@@ -22,20 +23,23 @@ class MyPagerAdapter(
     private val dataModels = model.list
 
     inner class PreViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+
+        /**
+         * 640*444
+         */
         fun loadPreImg(context: Context, thumb: String, imgItemView: ImageView) {
             try {
                 Glide.with(context).load(thumb)
                     // 缓存
                     .diskCacheStrategy(DiskCacheStrategy.ALL)
                     // 加载占位图
-//                    .apply(
-//                        RequestOptions().placeholder(R.drawable.img_loading)
-//                    )
+                    .apply(
+                        RequestOptions().placeholder(R.drawable.png_loading)
+                    )
                     // 淡入动画
                     .transition(DrawableTransitionOptions.withCrossFade())
                     // 加载失败占位图
-//                    .error(R.drawable.img_loading_err)
-                    .into(imgItemView)
+                    .error(R.drawable.png_loading_err).into(imgItemView)
             } catch (e: Exception) {
                 e.printStackTrace()
             }
diff --git a/app/src/main/java/com/timber/soft/newkeyboard/fragment/VPFragment.kt b/app/src/main/java/com/timber/soft/newkeyboard/fragment/VPFragment.kt
index f9a3620..2bcc404 100644
--- a/app/src/main/java/com/timber/soft/newkeyboard/fragment/VPFragment.kt
+++ b/app/src/main/java/com/timber/soft/newkeyboard/fragment/VPFragment.kt
@@ -11,8 +11,8 @@ import androidx.fragment.app.Fragment
 import androidx.recyclerview.widget.LinearLayoutManager.VERTICAL
 import androidx.recyclerview.widget.RecyclerView
 import androidx.recyclerview.widget.StaggeredGridLayoutManager
-import androidx.viewpager.widget.PagerAdapter
 import com.timber.soft.newkeyboard.R
+import com.timber.soft.newkeyboard.activity.DetailsActivity
 import com.timber.soft.newkeyboard.adapter.MyPagerAdapter
 import com.timber.soft.newkeyboard.model.DataModel
 import com.timber.soft.newkeyboard.model.RootModel
@@ -32,15 +32,10 @@ class VPFragment(private val rootModel: RootModel) : Fragment() {
             requireContext(), rootModel,
             object : MyPagerAdapter.OnItemClickListener {
                 override fun onItemClick(position: Int, dataModel: DataModel) {
-//                    val intent = Intent(requireContext(), SetImgActivity::class.java)
-//                    intent.putExtra("KEY_EXTRA", dataModel)
-
-                    Log.e("onClick", "item has been click!")
-                    Toast.makeText(
-                        context,
-                        "item has been click!",
-                        Toast.LENGTH_SHORT
-                    ).show()
+                    val intent = Intent(requireContext(), DetailsActivity::class.java)
+                    intent.putExtra("KEY_EXTRA", dataModel)
+                    startActivity(intent)
+                    Log.d("onClick", "item has been click!")
                 }
             }
         )
diff --git a/app/src/main/java/com/timber/soft/newkeyboard/tools/ImgTools.kt b/app/src/main/java/com/timber/soft/newkeyboard/tools/ImgTools.kt
new file mode 100644
index 0000000..db6aeb0
--- /dev/null
+++ b/app/src/main/java/com/timber/soft/newkeyboard/tools/ImgTools.kt
@@ -0,0 +1,8 @@
+package com.timber.soft.newkeyboard.tools
+
+object ImgTools {
+
+
+
+
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/png_loading.png b/app/src/main/res/drawable/png_loading.png
new file mode 100644
index 0000000000000000000000000000000000000000..10e0d17fe78644f869a354c292846e164abfbfb3
GIT binary patch
literal 5935
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

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/png_loading_err.png b/app/src/main/res/drawable/png_loading_err.png
new file mode 100644
index 0000000000000000000000000000000000000000..7721bbd44907c05b7cc5a3c0397fb58a7baf6dac
GIT binary patch
literal 5922
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

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/shape_theme_set.xml b/app/src/main/res/drawable/shape_theme_set.xml
new file mode 100644
index 0000000..5005e6d
--- /dev/null
+++ b/app/src/main/res/drawable/shape_theme_set.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/theme_color"/>
+    <corners android:radius="10dp"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/svg_img_err.xml b/app/src/main/res/drawable/svg_img_err.xml
new file mode 100644
index 0000000..2c62938
--- /dev/null
+++ b/app/src/main/res/drawable/svg_img_err.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="64dp"
+    android:height="64dp"
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
+  <path
+      android:pathData="M725.3,85.3a213.3,213.3 0,0 1,213.1 204.1L938.7,298.7v174.5a42.7,42.7 0,0 1,-85 4.9L853.3,473.2L853.3,298.7a128,128 0,0 0,-120.5 -127.8L725.3,170.7L213.3,170.7a128,128 0,0 0,-127.8 120.5L85.3,298.7v426.7a128,128 0,0 0,106.4 126.2l26.8,-28.3 245.7,-245.7a128,128 0,0 1,174.8 -5.8l6.1,5.8 77.2,77.2a42.7,42.7 0,0 1,-56.3 63.8l-4.1,-3.5 -77.2,-77.2a42.7,42.7 0,0 0,-56.3 -3.5l-4,3.5L308.9,853.3L725.3,853.3a42.7,42.7 0,0 1,5 85L725.3,938.7L209.2,938.7c-1.2,0 -2.3,0 -3.5,-0.1L213.3,938.7a213.3,213.3 0,0 1,-213.1 -204.1L0,725.3L0,298.7a213.3,213.3 0,0 1,204.1 -213.1L213.3,85.3h512zM821,590l60.3,60.4 60.3,-60.4a42.7,42.7 0,0 1,60.3 60.4l-60.3,60.3 60.3,60.3a42.7,42.7 0,0 1,-60.3 60.3l-60.3,-60.3 -60.3,60.3a42.7,42.7 0,0 1,-60.4 -60.3l60.4,-60.3 -60.4,-60.3a42.7,42.7 0,0 1,60.4 -60.4zM298.7,298.7a85.3,85.3 0,1 1,0 170.7,85.3 85.3,0 0,1 0,-170.7z"
+      android:fillColor="#BB86FC"/>
+</vector>
diff --git a/app/src/main/res/drawable/svg_loading.xml b/app/src/main/res/drawable/svg_loading.xml
new file mode 100644
index 0000000..5a91d4f
--- /dev/null
+++ b/app/src/main/res/drawable/svg_loading.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="64dp"
+    android:height="64dp"
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
+  <path
+      android:pathData="M782.1,901.7c10.9,18.4 4.8,43 -14.3,53.4 -18.7,10.9 -42.5,4.5 -53.1,-14.3 -11.4,-18.4 -4.8,-42.5 13.7,-53.4 19.4,-10.8 42.8,-4.2 53.7,14.3zM551.7,984.9c0,21.3 -17.6,39.1 -39.7,39.1 -21.3,0 -39.1,-17.4 -39.1,-39.1v-27.4c0,-21.8 17.9,-39.2 39.1,-39.2 21.8,0 39.7,17.4 39.7,39.2v27.4zM310.6,940.8c-11.1,19.3 -35.2,25.4 -53.7,14.5 -19,-10.7 -25.7,-34.6 -14.5,-53.7l29.1,-50.9c11.2,-18.7 35.2,-25.2 54.2,-14.5 18.4,10.9 25.2,35.2 14,53.7l-29.1,50.9zM123.4,782.8c-19,10.6 -43.3,4.2 -53.7,-14.5 -11.1,-18.4 -4.8,-42.8 14,-53.7l78.1,-45.3c18.7,-10.4 43,-4.5 53.7,14.5 10.6,18.4 4.1,42.8 -14.5,53.7l-77.6,45.3zM40.3,551.8c-21.8,0 -39.1,-17.6 -39.1,-39.1 0,-21.8 17.3,-39.4 39.1,-39.4h121.7c21.8,0 39.1,17.6 39.1,39.1 0,21.8 -17.3,39.4 -39.1,39.4L40.3,551.8zM83.8,310.3c-19,-10.6 -25.2,-34.6 -14,-53.4 10.4,-19 34.6,-25.4 53.7,-14.5L255.8,319.3c18.7,10.7 24.9,34.6 14.5,53.1 -11.1,19 -35.2,25.1 -53.6,14.5l-132.9,-76.5zM242.4,123.2l92.1,160c11.2,18.7 35.2,25.4 53.9,14.3 18.7,-10.6 24.9,-34.9 14,-53.7L309.9,84.1C299.3,65.7 275.3,59 256.8,69.9c-19,10.9 -25.1,35 -14.4,53.4zM473.1,40.6c0,-21.3 17.9,-39.4 39.1,-39.4 21.8,0 39.7,17.7 39.7,39.4L551.8,224.8c0,21.8 -17.6,39.4 -39.7,39.7 -21.3,0 -39.1,-17.3 -39.1,-39.7L473.1,40.6zM714.2,84.1c11.2,-19 34.9,-25.2 53.7,-14.5 19,10.6 25.7,34.6 14.5,53.7l-92.3,160c-10.4,18.7 -35,25.3 -53.7,14.5 -18.7,-10.9 -24.9,-35.2 -14.3,-54l92.1,-159.7zM901.9,242.4L741.7,334.8c-18.7,10.6 -25.2,34.6 -14.5,53.7 11.1,18.4 35.2,24.6 53.7,14.3l160.3,-92.3c18.4,-10.6 25.2,-34.6 14,-53.4 -10.8,-19 -34.9,-25.8 -53.3,-14.6zM984.2,473.4c22,0 39.4,17.6 39.1,39.4 0,21.5 -17,39.1 -39.1,39.1L799.8,551.8c-21.3,0 -39.2,-17.6 -39.2,-39.4 0,-21.5 17.9,-39.1 39.2,-39.1h184.5z"
+      android:fillColor="#BB86FC"/>
+</vector>
diff --git a/app/src/main/res/drawable/svg_set.xml b/app/src/main/res/drawable/svg_set.xml
new file mode 100644
index 0000000..8cdcc67
--- /dev/null
+++ b/app/src/main/res/drawable/svg_set.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="64dp"
+    android:height="64dp"
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
+  <path
+      android:pathData="M925.6,443.1h-41.4c-19,0 -39.1,-14.8 -44.7,-32.9l-23.7,-57.7c-9,-16.7 -5.3,-41.3 8,-54.7l29.4,-29.3c13.4,-13.5 13.4,-35.4 0,-48.8L804.4,171c-13.4,-13.4 -35.3,-13.4 -48.8,0l-29.3,29.3c-13.4,13.4 -38,17.1 -54.8,8.1l-57.6,-23.7C595.8,179.1 581,159 581,140V98.5c0,-18.9 -15.6,-34.5 -34.4,-34.5h-68.9c-19,0 -34.5,15.6 -34.5,34.5v41.4c0,19 -14.8,39.1 -32.9,44.7l-57.7,23.7c-16.7,9 -41.3,5.3 -54.7,-8.1l-29.4,-29.3c-13.4,-13.4 -35.3,-13.4 -48.7,0l-48.7,48.7c-13.4,13.4 -13.4,35.4 0,48.8l29.3,29.3c13.5,13.4 17.1,38 8.1,54.7l-23.7,57.7c-5.6,18.1 -25.7,32.9 -44.7,32.9H98.8c-19,0 -34.5,15.5 -34.5,34.5v68.9c0,19 15.5,34.5 34.5,34.5h41.3c19,0 39,14.9 44.6,32.9l23.8,57.7c8.9,16.7 5.3,41.4 -8.1,54.8l-29.3,29.3c-13.3,13.4 -13.3,35.3 0,48.8l48.8,48.8c13.4,13.4 35.3,13.4 48.7,0l29.4,-29.3c13.3,-13.4 38,-17 54.6,-8l57.8,23.7c18.1,5.6 32.9,25.7 32.9,44.7v41.2c0,18.9 15.5,34.5 34.5,34.5h68.9c18.9,0 34.4,-15.5 34.4,-34.5v-41.2c0,-19 14.9,-39.1 32.9,-44.7l57.7,-23.7c16.7,-9 41.4,-5.4 54.8,8l29.2,29.3c13.4,13.4 35.4,13.4 48.8,0l48.8,-48.8c13.4,-13.4 13.4,-35.4 0,-48.8l-29.4,-29.3c-13.3,-13.3 -17,-38 -8,-54.8l23.7,-57.7c5.7,-18.1 25.8,-32.9 44.7,-32.9h41.4c18.9,0 34.4,-15.5 34.4,-34.5v-69c-0.1,-18.8 -15.6,-34.3 -34.5,-34.3m-241.2,68.8c0,95.2 -77.1,172.3 -172.3,172.3 -95.2,0 -172.3,-77.1 -172.3,-172.3 0,-95.1 77.1,-172.3 172.3,-172.3 95.2,0.1 172.3,77.2 172.3,172.3"
+      android:fillColor="#2c2c2c"/>
+</vector>
diff --git a/app/src/main/res/layout/activity_apply.xml b/app/src/main/res/layout/activity_apply.xml
new file mode 100644
index 0000000..4bcc7dd
--- /dev/null
+++ b/app/src/main/res/layout/activity_apply.xml
@@ -0,0 +1,83 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:paddingStart="12dp"
+    android:paddingEnd="12dp"
+    tools:context=".activity.DetailsActivity">
+
+    <!--主视图-->
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/backgroundLayout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <ImageView
+            android:id="@+id/apply_back"
+            android:layout_width="33dp"
+            android:layout_height="33dp"
+            android:layout_marginStart="8dp"
+            android:layout_marginTop="10dp"
+            android:padding="5dp"
+            android:src="@drawable/svg_return"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/theme_name"
+            android:layout_width="wrap_content"
+            android:layout_height="40dp"
+            android:layout_marginTop="8dp"
+            android:gravity="center"
+            android:text="@string/apply_title"
+            android:textColor="@color/black"
+            android:textSize="20sp"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintRight_toRightOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+    <TextView
+        android:id="@+id/id_hint"
+        android:layout_width="280dp"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/backgroundLayout"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="50dp"
+        android:gravity="center"
+        android:lineSpacingExtra="5dp"
+        android:text="@string/more_feature"
+        android:textColor="@color/theme_color"
+        android:textSize="17sp" />
+
+    <TextView
+        android:id="@+id/id_step1"
+        android:layout_width="200dp"
+        android:layout_height="43dp"
+        android:layout_below="@id/id_hint"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="96dp"
+        android:background="@drawable/shape_theme_set"
+        android:gravity="center"
+        android:text="@string/apply_step1_select"
+        android:textColor="@color/white"
+        android:textSize="15sp" />
+
+    <TextView
+        android:id="@+id/id_step2"
+        android:layout_width="200dp"
+        android:layout_height="43dp"
+        android:layout_below="@id/id_step1"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="26dp"
+        android:background="@drawable/shape_theme_set"
+        android:gravity="center"
+        android:text="@string/apply_step2_eanble"
+        android:textColor="@color/white"
+        android:textSize="15sp" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_details.xml b/app/src/main/res/layout/activity_details.xml
new file mode 100644
index 0000000..4ccf66e
--- /dev/null
+++ b/app/src/main/res/layout/activity_details.xml
@@ -0,0 +1,81 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:paddingStart="12dp"
+    android:paddingEnd="12dp"
+    tools:context=".activity.DetailsActivity">
+
+    <!--主视图-->
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/backgroundLayout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <ImageView
+            android:id="@+id/details_back"
+            android:layout_width="33dp"
+            android:layout_height="33dp"
+            android:layout_marginTop="10dp"
+            android:padding="5dp"
+            android:layout_marginStart="8dp"
+            android:src="@drawable/svg_return"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/theme_name"
+            android:layout_width="wrap_content"
+            android:layout_height="40dp"
+            android:layout_marginTop="8dp"
+            android:gravity="center"
+            android:text="@string/app_name"
+            android:textColor="@color/black"
+            android:textSize="20sp"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintRight_toRightOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <ImageView
+        android:id="@+id/theme_image"
+        android:layout_width="match_parent"
+        android:layout_height="260dp"
+        android:layout_below="@id/backgroundLayout"
+        android:layout_marginTop="25dp" />
+
+    <TextView
+        android:id="@+id/theme_set"
+        android:layout_width="match_parent"
+        android:layout_height="43dp"
+        android:layout_below="@id/theme_image"
+        android:layout_marginStart="15dp"
+        android:layout_marginTop="26dp"
+        android:layout_marginEnd="15dp"
+        android:background="@drawable/shape_theme_set"
+        android:gravity="center"
+        android:text="@string/download_apply"
+        android:textColor="@color/white"
+        android:textSize="15sp" />
+
+    <ProgressBar
+        android:id="@+id/theme_progressbar"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignTop="@id/theme_set"
+        android:layout_centerHorizontal="true"
+        android:indeterminateTint="@color/white"
+        android:visibility="gone" />
+
+    <ProgressBar
+        android:id="@+id/theme_preloading"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignTop="@id/theme_image"
+        android:layout_alignBottom="@id/theme_image"
+        android:layout_centerHorizontal="true"
+        android:indeterminateTint="@color/theme_color" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 0659360..1b30792 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -45,7 +45,7 @@
             <com.google.android.material.tabs.TabLayout
                 android:id="@+id/tabLayout"
                 android:layout_width="wrap_content"
-                android:layout_height="40dp"
+                android:layout_height="36dp"
                 android:layout_marginTop="8dp"
                 app:layout_constraintLeft_toLeftOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/tv_title"
@@ -177,6 +177,32 @@
                     android:textColor="@color/black"
                     android:textSize="15sp" />
             </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/layoutSet"
+                android:layout_width="match_parent"
+                android:layout_height="44dp"
+                android:layout_below="@id/layoutShare"
+                android:layout_marginTop="16dp"
+                android:gravity="center_vertical"
+                android:orientation="horizontal">
+
+                <ImageView
+                    android:id="@+id/im_set"
+                    android:layout_width="27dp"
+                    android:layout_height="27dp"
+                    android:layout_marginStart="25dp"
+                    android:src="@drawable/svg_set" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="20dp"
+                    android:gravity="center"
+                    android:text="@string/main_menu_share"
+                    android:textColor="@color/black"
+                    android:textSize="15sp" />
+            </LinearLayout>
         </RelativeLayout>
 
     </androidx.drawerlayout.widget.DrawerLayout>
diff --git a/app/src/main/res/layout/item_pre_img.xml b/app/src/main/res/layout/item_pre_img.xml
index 399103e..99d61dc 100644
--- a/app/src/main/res/layout/item_pre_img.xml
+++ b/app/src/main/res/layout/item_pre_img.xml
@@ -14,7 +14,7 @@
         <ImageView
             android:id="@+id/image_item"
             android:layout_width="match_parent"
-            android:layout_height="156dp"
+            android:layout_height="140dp"
             android:scaleType="fitXY" />
     </androidx.cardview.widget.CardView>
 </LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 18e16c9..097193e 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -2,5 +2,11 @@
     <string name="app_name">NewKeyboard</string>
     <string name="main_menu_share">Share our Apps</string>
     <string name="main_menu_rate">Find us in store</string>
+    <string name="main_menu_set">Setting</string>
     <string name="share_link">https://play.google.com/store/apps/details?id=</string>
+    <string name="download_apply">Download &amp; Apply</string>
+    <string name="apply_title">Applying</string>
+    <string name="more_feature">Activate Soft Keyboard to enable more features!</string>
+    <string name="apply_step1_select">Step 1: Select</string>
+    <string name="apply_step2_eanble">Step 2: Enable</string>
 </resources>
\ No newline at end of file