android登陆按钮图片素材,Android精美登录界面设计

深藏阁楼爱情的钟 2022-10-17 11:17 305阅读 0赞

在网上在到一个登录界面感觉挺不错的，给大家分享一下~先看效果图：

![25fcd0a7694b7e4a9aad3e7304106295.gif][]

这个Demo除了按钮、小猫和Logo是图片素材之外，其余的UI都是通过代码实现的。

一、背景

背景蓝色渐变，是通过一个xml文件来设置的。代码如下：

background\_login.xml

startColor是渐变开始的颜色值，endColor是渐变结束的颜色值，angle是渐变的角度。其中\#FFACDAE5中，FF是Alpha值，AC是RGB的R值，DA是RGB的G值，E5是RGB的B值，每个值在00~FF取值，即透明度、红、绿、蓝有0~255的分值，像要设置具体的颜色，可以在PS上的取色器上查看设置。

二、圆角白框

效果图上面的并不是白框，其实框是白色的，只是设置了透明值，也是靠一个xml文件实现的。

background\_login\_div.xml

三、界面的布局

界面的布局挺简单的，就直接贴代码啦~

login.xml

<?xml  version="1.0" encoding="utf-8"?>

android:orientation="vertical"

android:layout\_width="fill\_parent"

android:layout\_height="fill\_parent"

android:background="@drawable/background\_login">

android:id="@+id/login\_div"

android:layout\_width="fill\_parent"

android:layout\_height="wrap\_content"

android:padding="15dip"            android:layout\_margin="15dip"     android:background="@drawable/background\_login\_div\_bg" >

android:layout\_width="fill\_parent"

android:layout\_height="wrap\_content" >

四、Java源文件

Java源文件比较简单，只是实例化Activity，去掉标题栏。

package com.mytwitter.acitivity;import android.app.Activity;import android.os.Bundle;import android.view.Window;public class LoginActivity extends Activity \{

@Override

public void onCreate(Bundle savedInstanceState) \{        super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE\_NO\_TITLE);

setContentView(R.layout.login);

\}

\}

在开发APP的时候，需要设计登录界面的可以以此作为参考哦！

[25fcd0a7694b7e4a9aad3e7304106295.gif]: /images/20221014/7923a803c10048e2aa4e448b5b2f86a8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

相关 android用户界面设计:基本按钮,Android用户界面设计：基本按钮

Android用户界面设计：基本按钮用户, Android, 应用程序本文向你展示了在你的Android应用程序中创建一个简单的Button或ImageButton控件

朴灿烈づ我的快乐病毒、/ 2022年10月17日 13:43/ 0 赞/ 230 阅读

相关 android登陆按钮图片素材,Android精美登录界面设计

在网上在到一个登录界面感觉挺不错的，给大家分享一下~先看效果图： ![25fcd0a7694b7e4a9aad3e7304106295.gif][] 这个Demo除了按钮、

深藏阁楼爱情的钟/ 2022年10月17日 11:17/ 0 赞/ 305 阅读

相关【Android】IOS&Android界面设计规范

IOS&Android界面设计规范 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

墨蓝/ 2022年10月10日 06:05/ 0 赞/ 225 阅读

相关获取apk文件上的精美图片素材

下载一个apk安装包，将后缀名改为zip形式，然后解压，进入即可获得你想要的图片，但是xml文件和class类是不能够看的步骤如下：将后缀名改为zip形式，然后解压：

缺乏、安全感/ 2022年08月09日 15:48/ 0 赞/ 146 阅读

相关 domino漂亮登陆界面，domino精美登陆界面，domino漂亮界面，domino web界面,domino精致界面

最近抽时间更新登陆界面，给一种清新的感觉，当然每个人感觉不一样，之前有上传过一个适应多平台的登陆界面，已经有下载50次了，不知道你有下载看过没有，这次在原来的基础上更新

水深无声/ 2022年08月05日 08:25/ 0 赞/ 203 阅读

相关 Android登录界面设计

Android登录界面设计这是之前项目的一个界面，现在抽出来給大家看看。界面： ![1][] 功能：（1）基本的判断，输入的是否为空这里没有判

太过爱你忘了你带给我的痛/ 2022年06月09日 08:42/ 0 赞/ 264 阅读

相关 Android APP登录界面

今天分享的是，17个优秀的APP登录界面UI设计效果欣赏，风格都非常的前卫，有很强的现代感，有的个性十足，APP登录界面好设计也不好设计，好设计的地方是元素少容易排版，不好设计

客官°小女子只卖身不卖艺/ 2022年06月06日 13:51/ 0 赞/ 252 阅读

相关 TextInputLayout+TextInputEditText 打造精美的登录界面

> 博主声明： > > 转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主 [威威喵][Link 1] 原创，请多支持与指教。 > > [本文首发于此][Link

冷不防/ 2021年11月23日 01:14/ 0 赞/ 386 阅读

相关 Android登录界面

一界面设计 1 代码 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:andro

朴灿烈づ我的快乐病毒、/ 2021年09月30日 14:14/ 0 赞/ 508 阅读

相关 Android——登陆界面xml实现

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Bertha 。/ 2021年07月25日 20:39/ 0 赞/ 554 阅读