Procházet zdrojové kódy

1.修改登录页面UI

王鹏鹏 před 2 roky
rodič
revize
0e6851e686

+ 3 - 0
.idea/misc.xml

@@ -18,6 +18,9 @@
         <entry key="..\:/workspace/hcp-pad/livebroadcast/src/main/res/layout/activity_video_player.xml" value="0.22826086956521738" />
         <entry key="..\:/workspace/hcp-pad/livebroadcast/src/main/res/layout/fragment_first.xml" value="0.22826086956521738" />
         <entry key="..\:/workspace/hcp-pad/livebroadcast/src/main/res/layout/item_live_broadcast.xml" value="0.22826086956521738" />
+        <entry key="..\:/workspace/hcp-pad/login/src/main/res/drawable/bg_login.xml" value="0.219" />
+        <entry key="..\:/workspace/hcp-pad/login/src/main/res/drawable/bg_login_btn.xml" value="0.219" />
+        <entry key="..\:/workspace/hcp-pad/login/src/main/res/drawable/bg_login_edit.xml" value="0.219" />
         <entry key="..\:/workspace/hcp-pad/login/src/main/res/layout/activity_login.xml" value="0.22826086956521738" />
         <entry key="..\:/workspace/hcp-pad/personalcenter/src/main/res/layout/activity_equipment_services.xml" value="0.22826086956521738" />
         <entry key="..\:/workspace/hcp-pad/personalcenter/src/main/res/layout/activity_personal_center.xml" value="0.22826086956521738" />

+ 17 - 0
login/src/main/res/drawable/bg_login.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:ignore="ResourceName">
+
+    <item>
+        <shape android:shape="rectangle">
+            <gradient
+                android:angle="90"
+                android:endColor="@color/color_FF4571FF"
+                android:startColor="@color/color_FF4F36FF"
+                android:type="linear"
+                android:useLevel="true" />
+        </shape>
+    </item>
+
+</layer-list>

+ 18 - 0
login/src/main/res/drawable/bg_login_btn.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:ignore="ResourceName">
+
+    <item>
+        <shape android:shape="rectangle">
+            <corners android:radius="@dimen/divider_28px" />
+            <gradient
+                android:angle="90"
+                android:endColor="@color/color_FF6D9AFF"
+                android:startColor="@color/color_FF4174FF"
+                android:type="linear"
+                android:useLevel="true" />
+        </shape>
+    </item>
+
+</layer-list>

+ 10 - 0
login/src/main/res/drawable/bg_login_edit.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:ignore="ResourceName">
+    <corners android:radius="@dimen/divider_12px" />
+    <stroke
+        android:width="@dimen/divider_1px"
+        android:color="@color/color_FFB8B3B3" />
+    <solid android:color="@android:color/white" />
+</shape>

+ 98 - 42
login/src/main/res/layout/activity_login.xml

@@ -12,52 +12,108 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
-        <EditText
-            android:id="@+id/username"
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/imageLayout"
             android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="@dimen/divider_120px"
-            android:layout_marginTop="@dimen/divider_120px"
-            android:layout_marginEnd="@dimen/divider_120px"
-            android:hint="@string/prompt_email"
-            android:inputType="text"
-            android:selectAllOnFocus="true"
-            android:text="18701938401"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+            android:layout_height="match_parent"
+            android:background="@drawable/bg_login"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintHorizontal_weight="1"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintRight_toLeftOf="@id/loginLayout"
+            app:layout_constraintTop_toTopOf="parent">
 
-        <EditText
-            android:id="@+id/password"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="@dimen/divider_120px"
-            android:layout_marginTop="@dimen/divider_16px"
-            android:layout_marginEnd="@dimen/divider_120px"
-            android:hint="@string/prompt_password"
-            android:imeOptions="actionDone"
-            android:inputType="textPassword"
-            android:selectAllOnFocus="true"
-            android:text="yingyang2023@@!"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/username" />
+            <androidx.appcompat.widget.AppCompatImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="@mipmap/icon_login"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
 
-        <Button
-            android:id="@+id/login"
-            android:layout_width="match_parent"
-            android:layout_height="@dimen/divider_80px"
-            android:layout_gravity="start"
-            android:layout_marginStart="@dimen/divider_120px"
-            android:layout_marginTop="@dimen/divider_16px"
-            android:layout_marginEnd="@dimen/divider_120px"
-            android:layout_marginBottom="@dimen/divider_64px"
-            android:text="@string/action_sign_in"
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/loginLayout"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:background="@android:color/white"
             app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/password"
-            app:layout_constraintVertical_bias="0.2" />
+            app:layout_constraintHorizontal_weight="1"
+            app:layout_constraintLeft_toRightOf="@id/imageLayout"
+            app:layout_constraintRight_toRightOf="parent"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <androidx.appcompat.widget.AppCompatTextView
+                android:id="@+id/tvTitle"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/divider_215px"
+                android:paddingLeft="@dimen/divider_71px"
+                android:text="@string/account_login"
+                android:textColor="@color/color_FF343434"
+                android:textSize="@dimen/divider_42px"
+                android:textStyle="bold"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintRight_toRightOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <EditText
+                android:id="@+id/username"
+                android:layout_width="match_parent"
+                android:layout_height="@dimen/divider_76px"
+                android:layout_marginStart="@dimen/divider_71px"
+                android:layout_marginTop="@dimen/divider_40px"
+                android:layout_marginEnd="@dimen/divider_47px"
+                android:background="@drawable/bg_login_edit"
+                android:hint="@string/prompt_email"
+                android:inputType="text"
+                android:paddingStart="@dimen/divider_21px"
+                android:selectAllOnFocus="true"
+                android:text="18701938401"
+                android:textColor="@color/color_FF222222"
+                android:textSize="@dimen/divider_28px"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/tvTitle" />
+
+            <EditText
+                android:id="@+id/password"
+                android:layout_width="match_parent"
+                android:layout_height="@dimen/divider_76px"
+                android:layout_marginStart="@dimen/divider_71px"
+                android:layout_marginTop="@dimen/divider_30px"
+                android:layout_marginEnd="@dimen/divider_47px"
+                android:background="@drawable/bg_login_edit"
+                android:hint="@string/prompt_password"
+                android:imeOptions="actionDone"
+                android:inputType="textPassword"
+                android:paddingStart="@dimen/divider_21px"
+                android:selectAllOnFocus="true"
+                android:text="yingyang2023@@!"
+                android:textColor="@color/color_FF222222"
+                android:textSize="@dimen/divider_28px"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/username" />
+
+            <Button
+                android:id="@+id/login"
+                android:layout_width="match_parent"
+                android:layout_height="@dimen/divider_72px"
+                android:layout_marginStart="@dimen/divider_71px"
+                android:layout_marginTop="@dimen/divider_58px"
+                android:layout_marginEnd="@dimen/divider_47px"
+                android:background="@drawable/bg_login_btn"
+                android:text="@string/action_sign_in"
+                android:textColor="@android:color/white"
+                android:textSize="@dimen/divider_32px"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/password" />
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 

binární
login/src/main/res/mipmap-xxhdpi/icon_login.png


+ 8 - 2
login/src/main/res/values/colors.xml

@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<resources>
-
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <color name="color_FF4571FF" tools:ignore="ResourceName">#FF4571FF</color>
+    <color name="color_FF4F36FF" tools:ignore="ResourceName">#FF4F36FF</color>
+    <color name="color_FF343434" tools:ignore="ResourceName">#FF343434</color>
+    <color name="color_FFB8B3B3" tools:ignore="ResourceName">#FFB8B3B3</color>
+    <color name="color_FF222222" tools:ignore="ResourceName">#FF222222</color>
+    <color name="color_FF6D9AFF" tools:ignore="ResourceName">#FF6D9AFF</color>
+    <color name="color_FF4174FF" tools:ignore="ResourceName">#FF4174FF</color>
 </resources>

+ 1 - 0
login/src/main/res/values/strings.xml

@@ -3,4 +3,5 @@
     <string name="prompt_email" tools:ignore="ResourceName">请输入用户名</string>
     <string name="prompt_password" tools:ignore="ResourceName">请输入密码</string>
     <string name="action_sign_in" tools:ignore="ResourceName">登录</string>
+    <string name="account_login" tools:ignore="ResourceName">账号登录</string>
 </resources>