• Android超级好看的动态登陆界面（附有详细代码）

    首先先演示一下动态的效果

    QQ视频20220819164103

    从视频效果中，看到这个动态的登陆界面还是比较好看的，下面开始介绍如何制作这个动态的登陆界面。

    一、首先书写静态页面

    activity_mian.xml

    1. "1.0" encoding="utf-8"?>
    2. <androidx.constraintlayout.motion.widget.MotionLayout
    3.     xmlns:android="http://schemas.android.com/apk/res/android"
    4.     xmlns:app="http://schemas.android.com/apk/res-auto"
    5.     xmlns:tools="http://schemas.android.com/tools"
    6.     android:layout_width="match_parent"
    7.     android:layout_height="match_parent"
    8.     app:layoutDescription="@xml/motion_scene_splash"
    9.     tools:context=".MainActivity"
    10.     tools:ignore="MissingConstraints">
    11.  
    12.     <ImageView
    13.         android:id="@+id/imgView_logo"
    14.         android:layout_width="130dp"
    15.         android:layout_height="130dp"
    16.         android:layout_marginTop="80dp"
    17.         android:scaleType="centerInside"
    18.         android:src="@drawable/icon"
    19.         app:layout_constraintEnd_toEndOf="parent"
    20.         app:layout_constraintStart_toStartOf="parent"
    21.         app:layout_constraintTop_toTopOf="parent" />
    22.  
    23.     <ImageView
    24.         android:id="@+id/imgView_logo_rays"
    25.         android:layout_width="130dp"
    26.         android:layout_height="130dp"
    27.         android:layout_marginTop="80dp"
    28.         android:rotation="0"
    29.         android:scaleType="centerInside"
    30.         android:src="@drawable/icon2"
    31.         app:layout_constraintEnd_toEndOf="parent"
    32.         app:layout_constraintStart_toStartOf="parent"
    33.         app:layout_constraintTop_toTopOf="parent" />
    34.  
    35.     <ImageView
    36.         android:id="@+id/imgView_cloudLeft"
    37.         android:layout_width="130dp"
    38.         android:layout_height="130dp"
    39.         android:layout_marginTop="16dp"
    40.         android:scaleType="centerInside"
    41.         android:src="@drawable/cloud"
    42.         app:layout_constraintTop_toTopOf="parent"
    43.         app:tint="@color/lightGrey" />
    44.  
    45.     <ImageView
    46.         android:id="@+id/imgView_cloudRight"
    47.         android:layout_width="130dp"
    48.         android:layout_height="130dp"
    49.         android:layout_marginTop="100dp"
    50.         app:layout_constraintEnd_toEndOf="parent"
    51.         app:layout_constraintTop_toTopOf="parent"
    52.         android:scaleType="centerInside"
    53.         android:src="@drawable/cloud"
    54.         app:tint="@color/lightGrey"
    55.          />
    56.  
    57.     <LinearLayout
    58.  
    59.         android:id="@+id/linlay_inputs"
    60.         android:layout_width="match_parent"
    61.         android:layout_height="wrap_content"
    62.         android:layout_marginStart="30dp"
    63.         android:layout_marginLeft="30dp"
    64.         android:layout_marginEnd="30dp"
    65.         android:layout_marginRight="30dp"
    66.         android:gravity="center"
    67.         android:layout_marginTop="10dp"
    68.         android:orientation="vertical"
    69.         app:layout_constraintEnd_toEndOf="parent"
    70.         app:layout_constraintStart_toStartOf="parent"
    71.         app:layout_constraintTop_toBottomOf="@+id/imgView_cloudRight">
    72.  
    73.         <TextView
    74.             android:layout_width="wrap_content"
    75.             android:layout_height="wrap_content"
    76.             android:fontFamily="sans-serif-medium"
    77.             android:text="Welcome Back"
    78.             android:textColor="@color/textHeadline"
    79.             android:textSize="20sp" />
    80.  
    81.         <TextView
    82.             android:layout_width="wrap_content"
    83.             android:layout_height="wrap_content"
    84.             android:fontFamily="sans-serif"
    85.             android:text="Sign in to continue"
    86.             android:textColor="@color/textDescription"
    87.             android:textSize="14sp" />
    88.  
    89.         <EditText
    90.             android:layout_width="match_parent"
    91.             android:layout_height="wrap_content"
    92.             android:layout_marginTop="30dp"
    93.             android:background="@drawable/edittext_bg"
    94.             android:drawableStart="@drawable/custom_email_icon"
    95.             android:drawablePadding="16dp"
    96.             android:hint="Email"
    97.             android:inputType="textEmailAddress"
    98.             android:padding="16dp"
    99.             android:textSize="14sp" />
    100.  
    101.         <EditText
    102.             android:layout_width="match_parent"
    103.             android:layout_height="wrap_content"
    104.             android:layout_marginTop="20dp"
    105.             android:background="@drawable/edittext_bg"
    106.             android:drawableStart="@drawable/custom_lock_icon"
    107.             android:drawableEnd="@drawable/ic_baseline_visibility_24"
    108.             android:drawableRight="@drawable/ic_baseline_visibility_24"
    109.             android:drawablePadding="16dp"
    110.             android:hint="Password"
    111.             android:inputType="textPassword"
    112.             android:padding="16dp"
    113.             android:textSize="14sp" />
    114.  
    115.         <Button
    116.             android:layout_width="match_parent"
    117.             android:layout_height="wrap_content"
    118.             android:layout_marginTop="30dp"
    119.             android:background="@drawable/button_bg"
    120.             android:text="Login"
    121.             android:textColor="@color/white" />
    122.  
    123.     LinearLayout>
    124.  
    125.     <TextView
    126.         android:id="@+id/tv_forgotPassword"
    127.         android:layout_width="wrap_content"
    128.         android:layout_height="wrap_content"
    129.         android:layout_marginTop="10dp"
    130.         android:layout_marginEnd="30dp"
    131.         android:layout_marginRight="30dp"
    132.         android:text="Forgot Password?"
    133.         android:textColor="@color/textDescription"
    134.         android:textSize="13sp"
    135.         app:layout_constraintEnd_toEndOf="parent"
    136.         app:layout_constraintTop_toBottomOf="@id/linlay_inputs" />
    137.  
    138.  
    139.     <TextView
    140.         android:id="@+id/tv_register"
    141.         android:layout_width="wrap_content"
    142.         android:layout_height="wrap_content"
    143.         android:text="Don't have an account?Register Here"
    144.         android:textColor="@color/textHeadline"
    145.         android:textSize="13sp"
    146.         android:gravity="center"
    147.         android:layout_marginBottom="30dp"
    148.         app:layout_constraintEnd_toEndOf="parent"
    149.         app:layout_constraintStart_toStartOf="parent"
    150.         app:layout_constraintBottom_toBottomOf="parent"
    151.         />
    152.  
    153. androidx.constraintlayout.motion.widget.MotionLayout>

    这里有一点值得说一下，我们使用MotionLayout这个布局来实现动画效果，这个布局平时不太常见，它其实是属于ConstraintLayout的子类，所以它是一种布局类型，但是它能够为布局属性添加动画效果，是开发者实现动画效果的另一个新的选择。

    目前所实现的静态效果如下：

     接下来会通过资源文件来实现动态效果

    二、实现动态效果

    1、在res目录下新建xml文件资源目录

     2、在xml目录下新建xml资源文件（motion_scene_splash.xml）

    1. "1.0" encoding="utf-8"?>
    2. <MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:motion="http://schemas.android.com/apk/res-auto">
    4.  
    5.     <Transition
    6.         motion:autoTransition="animateToEnd"
    7.         motion:constraintSetEnd="@layout/activity_login"
    8.         motion:constraintSetStart="@layout/activity_splash"
    9.         motion:duration="5000">
    10.  
    11.         <KeyFrameSet>
    12.  
    13.             <KeyPosition
    14.                 motion:framePosition="65"
    15.                 motion:keyPositionType="deltaRelative"
    16.                 motion:motionTarget="@+id/imgView_logo"
    17.                 motion:percentX="0"
    18.                 motion:percentY="0" />
    19.  
    20.             <KeyPosition
    21.                 motion:framePosition="65"
    22.                 motion:keyPositionType="deltaRelative"
    23.                 motion:motionTarget="@+id/imgView_logo_rays"
    24.                 motion:percentX="0"
    25.                 motion:percentY="0" />
    26.  
    27.             <KeyPosition
    28.                 motion:framePosition="75"
    29.                 motion:keyPositionType="deltaRelative"
    30.                 motion:motionTarget="@+id/imgView_logo"
    31.                 motion:percentX="1"
    32.                 motion:percentY="1" />
    33.  
    34.             <KeyPosition
    35.                 motion:framePosition="75"
    36.                 motion:keyPositionType="deltaRelative"
    37.                 motion:motionTarget="@+id/imgView_logo_rays"
    38.                 motion:percentX="1"
    39.                 motion:percentY="1" />
    40.  
    41.             <KeyAttribute
    42.                 android:rotation="0"
    43.                 motion:framePosition="0"
    44.                 motion:motionTarget="@+id/imgView_logo_rays" />
    45.  
    46.             <KeyAttribute
    47.                 android:rotation="180"
    48.                 motion:framePosition="85"
    49.                 motion:motionTarget="@+id/imgView_logo_rays" />
    50.  
    51.             <KeyPosition
    52.                 motion:framePosition="75"
    53.                 motion:keyPositionType="deltaRelative"
    54.                 motion:motionTarget="@+id/imgView_cloudLeft"
    55.                 motion:percentX="0"
    56.                 motion:percentY="0" />
    57.  
    58.             <KeyPosition
    59.                 motion:framePosition="75"
    60.                 motion:keyPositionType="deltaRelative"
    61.                 motion:motionTarget="@+id/imgView_cloudRight"
    62.                 motion:percentX="0"
    63.                 motion:percentY="0" />
    64.  
    65.             <KeyPosition
    66.                 motion:framePosition="85"
    67.                 motion:keyPositionType="deltaRelative"
    68.                 motion:motionTarget="@+id/imgView_cloudLeft"
    69.                 motion:percentX="1"
    70.                 motion:percentY="1" />
    71.  
    72.             <KeyPosition
    73.                 motion:framePosition="85"
    74.                 motion:keyPositionType="deltaRelative"
    75.                 motion:motionTarget="@+id/imgView_cloudRight"
    76.                 motion:percentX="1"
    77.                 motion:percentY="1" />
    78.  
    79.             <KeyAttribute
    80.                 motion:motionTarget="@+id/linlay_inputs"
    81.                 android:alpha="0"
    82.                 motion:framePosition="75"/>
    83.  
    84.             <KeyAttribute
    85.                 motion:motionTarget="@+id/linlay_inputs"
    86.                 android:alpha="1"
    87.                 motion:framePosition="85"/>
    88.  
    89.             <KeyAttribute
    90.                 motion:motionTarget="@+id/tv_forgotPassword"
    91.                 android:alpha="0"
    92.                 motion:framePosition="75"/>
    93.  
    94.             <KeyAttribute
    95.                 motion:motionTarget="@+id/tv_forgotPassword"
    96.                 android:alpha="1"
    97.                 motion:framePosition="85"/>
    98.  
    99.             <KeyPosition
    100.                 motion:framePosition="75"
    101.                 motion:percentY="0"
    102.                 motion:percentX="0"
    103.                 motion:motionTarget="@+id/tv_register"/>
    104.  
    105.             <KeyPosition
    106.                 motion:framePosition="85"
    107.                 motion:percentY="1"
    108.                 motion:percentX="1"
    109.                 motion:motionTarget="@+id/tv_register"/>
    110.         KeyFrameSet>
    111.  
    112.     Transition>
    113.  
    114. MotionScene>

    3、需要用到的全部资源文件

    activity_login.xml

    1. "1.0" encoding="utf-8"?>
    2. <androidx.constraintlayout.widget.ConstraintLayout
    3.     xmlns:android="http://schemas.android.com/apk/res/android"
    4.     xmlns:app="http://schemas.android.com/apk/res-auto"
    5.     xmlns:tools="http://schemas.android.com/tools"
    6.     android:layout_width="match_parent"
    7.     android:layout_height="match_parent"
    8.     tools:context=".MainActivity"
    9.     tools:ignore="MissingConstraints">
    10.  
    11.     <ImageView
    12.         android:id="@+id/imgView_logo"
    13.         android:layout_width="130dp"
    14.         android:layout_height="130dp"
    15.         android:layout_marginTop="80dp"
    16.         android:scaleType="centerInside"
    17.         android:src="@drawable/icon"
    18.         app:layout_constraintEnd_toEndOf="parent"
    19.         app:layout_constraintStart_toStartOf="parent"
    20.         app:layout_constraintTop_toTopOf="parent" />
    21.  
    22.     <ImageView
    23.         android:id="@+id/imgView_logo_rays"
    24.         android:layout_width="130dp"
    25.         android:layout_height="130dp"
    26.         android:layout_marginTop="80dp"
    27.         android:rotation="0"
    28.         android:scaleType="centerInside"
    29.         android:src="@drawable/icon2"
    30.         app:layout_constraintEnd_toEndOf="parent"
    31.         app:layout_constraintStart_toStartOf="parent"
    32.         app:layout_constraintTop_toTopOf="parent" />
    33.  
    34.     <ImageView
    35.         android:id="@+id/imgView_cloudLeft"
    36.         android:layout_width="130dp"
    37.         android:layout_height="130dp"
    38.         android:layout_marginTop="16dp"
    39.         android:scaleType="centerInside"
    40.         android:src="@drawable/cloud"
    41.         app:layout_constraintTop_toTopOf="parent"
    42.         app:tint="@color/lightGrey" />
    43.  
    44.     <ImageView
    45.         android:id="@+id/imgView_cloudRight"
    46.         android:layout_width="130dp"
    47.         android:layout_height="130dp"
    48.         android:layout_marginTop="100dp"
    49.         app:layout_constraintEnd_toEndOf="parent"
    50.         app:layout_constraintTop_toTopOf="parent"
    51.         android:scaleType="centerInside"
    52.         android:src="@drawable/cloud"
    53.         app:tint="@color/lightGrey"
    54.         />
    55.  
    56.     <LinearLayout
    57.  
    58.         android:id="@+id/linlay_inputs"
    59.         android:layout_width="match_parent"
    60.         android:layout_height="wrap_content"
    61.         android:layout_marginStart="30dp"
    62.         android:layout_marginLeft="30dp"
    63.         android:layout_marginEnd="30dp"
    64.         android:layout_marginRight="30dp"
    65.         android:gravity="center"
    66.         android:layout_marginTop="10dp"
    67.         android:orientation="vertical"
    68.         app:layout_constraintEnd_toEndOf="parent"
    69.         app:layout_constraintStart_toStartOf="parent"
    70.         app:layout_constraintTop_toBottomOf="@+id/imgView_cloudRight">
    71.  
    72.         <TextView
    73.             android:layout_width="wrap_content"
    74.             android:layout_height="wrap_content"
    75.             android:fontFamily="sans-serif-medium"
    76.             android:text="Welcome Back"
    77.             android:textColor="@color/textHeadline"
    78.             android:textSize="20sp" />
    79.  
    80.         <TextView
    81.             android:layout_width="wrap_content"
    82.             android:layout_height="wrap_content"
    83.             android:fontFamily="sans-serif"
    84.             android:text="Sign in to continue"
    85.             android:textColor="@color/textDescription"
    86.             android:textSize="14sp" />
    87.  
    88.         <EditText
    89.             android:layout_width="match_parent"
    90.             android:layout_height="wrap_content"
    91.             android:layout_marginTop="30dp"
    92.             android:background="@drawable/edittext_bg"
    93.             android:drawableStart="@drawable/ic_baseline_email_24"
    94.             android:drawableLeft="@drawable/ic_baseline_email_24"
    95.             android:drawablePadding="16dp"
    96.             android:hint="Email"
    97.             android:inputType="textEmailAddress"
    98.             android:padding="16dp"
    99.             android:textSize="14sp" />
    100.  
    101.         <EditText
    102.             android:layout_width="match_parent"
    103.             android:layout_height="wrap_content"
    104.             android:layout_marginTop="20dp"
    105.             android:background="@drawable/edittext_bg"
    106.             android:drawableStart="@drawable/ic_baseline_lock_24"
    107.             android:drawableLeft="@drawable/ic_baseline_lock_24"
    108.             android:drawableEnd="@drawable/ic_baseline_visibility_24"
    109.             android:drawableRight="@drawable/ic_baseline_visibility_24"
    110.             android:drawablePadding="16dp"
    111.             android:hint="Password"
    112.             android:inputType="textPassword"
    113.             android:padding="16dp"
    114.             android:textSize="14sp" />
    115.  
    116.         <Button
    117.             android:layout_width="match_parent"
    118.             android:layout_height="wrap_content"
    119.             android:layout_marginTop="30dp"
    120.             android:background="@drawable/button_bg"
    121.             android:text="Login"
    122.             android:textColor="@color/white" />
    123.  
    124.     LinearLayout>
    125.  
    126.     <TextView
    127.         android:id="@+id/tv_forgotPassword"
    128.         android:layout_width="wrap_content"
    129.         android:layout_height="wrap_content"
    130.         android:layout_marginTop="10dp"
    131.         android:layout_marginEnd="30dp"
    132.         android:layout_marginRight="30dp"
    133.         android:text="Forgot Password?"
    134.         android:textColor="@color/textDescription"
    135.         android:textSize="13sp"
    136.         app:layout_constraintEnd_toEndOf="parent"
    137.         app:layout_constraintTop_toBottomOf="@id/linlay_inputs" />
    138.  
    139.  
    140.     <TextView
    141.         android:id="@+id/tv_register"
    142.         android:layout_width="wrap_content"
    143.         android:layout_height="wrap_content"
    144.         android:text="Don't have an account?Register Here"
    145.         android:textColor="@color/textHeadline"
    146.         android:textSize="13sp"
    147.         android:gravity="center"
    148.         android:layout_marginBottom="30dp"
    149.         app:layout_constraintEnd_toEndOf="parent"
    150.         app:layout_constraintStart_toStartOf="parent"
    151.         app:layout_constraintBottom_toBottomOf="parent"
    152.         />
    153. androidx.constraintlayout.widget.ConstraintLayout>

    activity_splash.xml

    1. "1.0" encoding="utf-8"?>
    2. <androidx.constraintlayout.widget.ConstraintLayout
    3.     xmlns:android="http://schemas.android.com/apk/res/android"
    4.     xmlns:app="http://schemas.android.com/apk/res-auto"
    5.     xmlns:tools="http://schemas.android.com/tools"
    6.     android:layout_width="match_parent"
    7.     android:layout_height="match_parent"
    8.     tools:context=".MainActivity"
    9.     tools:ignore="MissingConstraints">
    10.  
    11.     <ImageView
    12.         android:id="@+id/imgView_logo"
    13.         android:layout_width="130dp"
    14.         android:layout_height="130dp"
    15.         android:layout_marginTop="80dp"
    16.         android:scaleType="centerInside"
    17.         android:src="@drawable/icon"
    18.         app:layout_constraintEnd_toEndOf="parent"
    19.         app:layout_constraintStart_toStartOf="parent"
    20.         app:layout_constraintTop_toTopOf="parent" />
    21.  
    22.     <ImageView
    23.         android:id="@+id/imgView_logo_rays"
    24.         android:layout_width="130dp"
    25.         android:layout_height="130dp"
    26.         android:layout_marginTop="80dp"
    27.         android:rotation="0"
    28.         android:scaleType="centerInside"
    29.         android:src="@drawable/icon2"
    30.         app:layout_constraintEnd_toEndOf="parent"
    31.         app:layout_constraintStart_toStartOf="parent"
    32.         app:layout_constraintTop_toTopOf="parent" />
    33.  
    34.     <ImageView
    35.         android:id="@+id/imgView_cloudLeft"
    36.         android:layout_width="130dp"
    37.         android:layout_height="130dp"
    38.         android:layout_marginTop="16dp"
    39.         android:scaleType="centerInside"
    40.         android:src="@drawable/cloud"
    41.         app:layout_constraintTop_toTopOf="parent"
    42.         app:tint="@color/lightGrey" />
    43.  
    44.     <ImageView
    45.         android:id="@+id/imgView_cloudRight"
    46.         android:layout_width="130dp"
    47.         android:layout_height="130dp"
    48.         android:layout_marginTop="100dp"
    49.         app:layout_constraintEnd_toEndOf="parent"
    50.         app:layout_constraintTop_toTopOf="parent"
    51.         android:scaleType="centerInside"
    52.         android:src="@drawable/cloud"
    53.         app:tint="@color/lightGrey"
    54.         />
    55.  
    56.     <LinearLayout
    57.  
    58.         android:id="@+id/linlay_inputs"
    59.         android:layout_width="match_parent"
    60.         android:layout_height="wrap_content"
    61.         android:layout_marginStart="30dp"
    62.         android:layout_marginLeft="30dp"
    63.         android:layout_marginEnd="30dp"
    64.         android:layout_marginRight="30dp"
    65.         android:gravity="center"
    66.         android:layout_marginTop="10dp"
    67.         android:orientation="vertical"
    68.         app:layout_constraintEnd_toEndOf="parent"
    69.         app:layout_constraintStart_toStartOf="parent"
    70.         app:layout_constraintTop_toBottomOf="@+id/imgView_cloudRight">
    71.  
    72.         <TextView
    73.             android:layout_width="wrap_content"
    74.             android:layout_height="wrap_content"
    75.             android:fontFamily="sans-serif-medium"
    76.             android:text="Welcome Back"
    77.             android:textColor="@color/textHeadline"
    78.             android:textSize="20sp" />
    79.  
    80.         <TextView
    81.             android:layout_width="wrap_content"
    82.             android:layout_height="wrap_content"
    83.             android:fontFamily="sans-serif"
    84.             android:text="Sign in to continue"
    85.             android:textColor="@color/textDescription"
    86.             android:textSize="14sp" />
    87.  
    88.         <EditText
    89.             android:layout_width="match_parent"
    90.             android:layout_height="wrap_content"
    91.             android:layout_marginTop="30dp"
    92.             android:background="@drawable/edittext_bg"
    93.             android:drawableStart="@drawable/ic_baseline_email_24"
    94.             android:drawableLeft="@drawable/ic_baseline_email_24"
    95.             android:drawablePadding="16dp"
    96.             android:hint="Email"
    97.             android:inputType="textEmailAddress"
    98.             android:padding="16dp"
    99.             android:textSize="14sp" />
    100.  
    101.         <EditText
    102.             android:layout_width="match_parent"
    103.             android:layout_height="wrap_content"
    104.             android:layout_marginTop="20dp"
    105.             android:background="@drawable/edittext_bg"
    106.             android:drawableStart="@drawable/ic_baseline_lock_24"
    107.             android:drawableLeft="@drawable/ic_baseline_lock_24"
    108.             android:drawableEnd="@drawable/ic_baseline_visibility_24"
    109.             android:drawableRight="@drawable/ic_baseline_visibility_24"
    110.             android:drawablePadding="16dp"
    111.             android:hint="Password"
    112.             android:inputType="textPassword"
    113.             android:padding="16dp"
    114.             android:textSize="14sp" />
    115.  
    116.         <Button
    117.             android:layout_width="match_parent"
    118.             android:layout_height="wrap_content"
    119.             android:layout_marginTop="30dp"
    120.             android:background="@drawable/button_bg"
    121.             android:text="Login"
    122.             android:textColor="@color/white" />
    123.  
    124.     LinearLayout>
    125.  
    126.     <TextView
    127.         android:id="@+id/tv_forgotPassword"
    128.         android:layout_width="wrap_content"
    129.         android:layout_height="wrap_content"
    130.         android:layout_marginTop="10dp"
    131.         android:layout_marginEnd="30dp"
    132.         android:layout_marginRight="30dp"
    133.         android:text="Forgot Password?"
    134.         android:textColor="@color/textDescription"
    135.         android:textSize="13sp"
    136.         app:layout_constraintEnd_toEndOf="parent"
    137.         app:layout_constraintTop_toBottomOf="@id/linlay_inputs" />
    138.  
    139.  
    140.     <TextView
    141.         android:id="@+id/tv_register"
    142.         android:layout_width="wrap_content"
    143.         android:layout_height="wrap_content"
    144.         android:text="Don't have an account?Register Here"
    145.         android:textColor="@color/textHeadline"
    146.         android:textSize="13sp"
    147.         android:gravity="center"
    148.         android:layout_marginBottom="30dp"
    149.         app:layout_constraintEnd_toEndOf="parent"
    150.         app:layout_constraintStart_toStartOf="parent"
    151.         app:layout_constraintBottom_toBottomOf="parent"
    152.         />
    153. androidx.constraintlayout.widget.ConstraintLayout>

    button_bg.xml (按钮背景)

    1. "1.0" encoding="utf-8"?>
    2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:shape="rectangle">
    4.  
    5.     <solid android:color="@color/colorPrimary" />
    6.  
    7.     <corners android:radius="10dp" />
    8.  
    9. shape>

            给按钮设置了颜色属性和圆角属性，让按钮更加好看圆润。

    edittext_bg.xml（输入框背景）

    1. "1.0" encoding="utf-8"?>
    2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:shape="rectangle">
    4.  
    5.     <solid android:color="@color/lightGrey" />
    6.  
    7.     <corners android:radius="10dp" />
    8.  
    9. shape>

    用到的图片资源如下：

     想要项目源码的可以收藏点赞，然后私信我即可！！！，私信必回！！！

  • 相关阅读:
    EFCore学习笔记（2）——实体类型
    [C++随想录] 优先级队列
    Redis高级
    CSS选择器
    基于MS16F3211芯片的触摸控制灯的状态变化和亮度控制（11.16）
    计算机毕业设计node+vue基于微信小程序的乐团团购系统的设计与实现
    斐波那契数列 IV
    【lwip】10-ICMP协议&源码分析
    软件测试面试常常遇到的6大“套路”！
    SpringBoot SpringBoot 开发实用篇 4 数据层解决方案 4.10 MongoDB 基础操作
  • 原文地址：https://blog.csdn.net/m0_58941767/article/details/126427805