UGUI学习（三）登录界面Text，Image,Button,Inputfield应用

最新推荐文章于 2025-04-25 09:55:10 发布
原创 最新推荐文章于 2025-04-25 09:55:10 发布 · 868 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Unity的UGUI系统创建登录界面，包括设置背景图、添加账号密码Text、InputField及登录Button。还详细讲解了如何实现登录验证功能，包括编写C#脚本和绑定按钮事件。

1、这次主要带着目的去学习上面四个控件，控件本身的各种基础功能需要另行学习。

2、创建背景图。

      新建场景，新创建一个Image，注：所有的UI控件必须是Canvas的子节点，创建UI时若没有，则系统自动添加。

       添加完之后，会显示一张白图，这里，需要我们设置一下这张背景图的资源。简单的设置方法如下：

先设置Canvas scaler里 UI Scale mode设置为 Scale with Screen Size后，可以设置X \Y比例（我们这里设置成 1280 *720）

找一张你喜欢的背景图，大小比例为你设置的Canvas比例，放在Textures文件夹下，我们这里新创建一个bg文件夹，养成文件管理的好习惯。

       然后右侧选择该图片，Inspector中设置该图的TextureType为 Sprite(2D and UI)

最低0.47元/天 解锁文章
nanzhengluo
关注
UGUI使用委托实现注册登录功能
LilyCoder的博客
12-10 228
资源加载管理代码 using System.Collections; using System.Collections.Generic; using UnityEngine; public class ResourcesManage : MonoBehaviour { static ResourcesManage instance; public static ResourcesManage Instance { get { if (instanc
【Unity-UGUI控件全面解析】| Text文本组件详解
努力前行，总会成为自己心中的那道光
04-29 2万+
Text文本，是为了向用户展示非交互式的文本信息。用于在工程中显示文字的地方(常用)，简单来说只要能看到字的情况下，一般都是用的这个组件。 在Hierarchy视图，选择 UI→Text 新建Text文本：
游戏开发之UGUI搭建登录界面
weixin_56659504的博客
04-02 1668
使用Unity 3D搭建一个游戏界面，基于UGUI，容易上手，是学习UI以及按钮点击事件的不错案例。 环境：Unity 5.6.1，Visual studio 2019。 第一步：打开一个新的Unity3D场景，在Unity Hierarchy界面新建一个canvas，重命名为LoginPanel，接着在LoginPanel下新建两个UI——>Text，重命名为Usernameu以及Password。字体大小以及颜色，在Inspector中自行设置即可。可以在Canvas中的source Image中
UGUI登录界面
qq_42459006的博客
09-04 866
using UnityEngine; using System.Collections; using UnityEngine.UI; //选择动态函数 public class GameController : MonoBehaviour {        public InputField username;     public InputField password;     pub...
UGUI 知识精讲与实用案例（第 4 弹） --简单的UI登录界面小案例展示
徽程22级的在读学生
03-19 2263
        在 Unity 游戏开发的 UGUI 系统里，构建一个能够在各种屏幕尺寸和分辨率下都完美呈现的用户界面至关重要。而 UGUI 中的 Anchor 锚点，正是达成这一目标的核心要素。
简单使用LuaFramework_UGUI创建登陆注册界面（一）
你只管努力，其他的，交给天意！
12-12 2138
前言 Lua这个语言很随意，你随意写，我不管，我也不提示错误，你开心怎样写都行，但同时BUG出的也会很随意，所以在使用lua时一定要注意规范，不然你会非常爽，哈哈，好了，正文开始，说下重要的逻辑，储存账号密码是通过写入文件储存的，以” ’ “单引号进行拆分，奇数为账号偶数为密码，关闭界面是以模块类进行调用关闭。 第一步：我们创建3个Panel 分别是 LoginPanel登陆界面 Register...
【Unity-UGUI控件全面解析】| Image 图片组件详解
努力前行，总会成为自己心中的那道光
04-30 2万+
Image是图片组件，是UGUI组件中常见的基础组件，主要用来显示图片效果。 还有其他的一些组件都会用到Image组件，比如Button组件、Dropdown组件、InputField组件等。 在这里介绍完Image，后面其他组件中用到Image的地方就不多做介绍了~ 在Unity的Hierarchy视图中选择 Create→UI→Image 创建Image组件。
【unity游戏开发入门到精通——UGUI】文本输入控件 —— InputField旧控件
最新发布
向宇
04-25 1415
【unity游戏开发入门到精通——UGUI】文本输入控件 ——InputField旧文本输入控件
【Unity3D-UGUI应用篇】（八）Image实现画线、画三角形、画正方形、画圆
优快云博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 5331
推荐阅读 优快云主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
UI登录与注册功能实现，基于UGUI
jely的博客
05-04 1601
UI登录类public class UILogOnCtrl : UIBaseView { //昵称 [SerializeField] private InputField Input_Name; //密码 [SerializeField] private InputField Input_Pwd; //提示框 [SerializeFi...
【UGUI】萌新教程-我是这样实现Unity注册登录UI界面跳转的
leoysq的博客
11-08 2900
注册界面：用户点击注册按钮后，关闭注册界面，打开提示框。提示框：用户点击提示框按钮后，关闭提示框，打开登录界面。登录界面：用户点击登录按钮后，关闭登录界面，跳转到游戏场景。
第 1-8 课：基础组件详解（Text、Image、Button）
持续学习中
09-22 786
前面已经讲解了大量的 Flutter 相关基础知识，从这节课开始，我们将进行 Flutter 的系列 Widget、布局的学习。那么这节课就带领大家对 Flutter 的基础 Widget 中的几个典型，结合案例来讲解用法。 本文将主要介绍： Text Widget 用法详解 Image Widget 用法详解 Button Widget 用法详解 1 Text Wid...
表单之textfileld控件登陆
奋斗的蜗牛
11-01 318
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>用户登录界面</title>     <script typt="text/javascript" src=&q
UniGUI的TUniLoginForm窗口自定义背景色
记性不好，笔记而已
03-09 4481
uniGUI的TUniLoginForm类创建的登录窗口默认是不带颜色，可以自定义css风格来改变背景颜色。 一般是通过在UniServerModule中，在CustcomSS属性中，修改extjs的css定义来实现，修改登录窗口的背景颜色可以修改 .x-body 的定义来实现，如： { background-color: rgb(11, 80, 184); margin: 0; }
unity制作登录界面（UGUI知识）
热门推荐
weixin_44302602的博客
04-30 3万+
我们在平时玩游戏的时候，都会有登录系统，在这里我给大家简单实现一下这个登录系统 1.制作背景 我们先可以在网页上找几张自己喜欢的背景图片 然后把这张照片保存于我们的项目的文件夹中； 然后在unity中修改图片的属性 然后把Texture Type修改成Sprite(2D and UI) 就可以在把这张图片拖到Image上了， 这样背景就做好了。 2.UI的创建 在unity中我们首先创建两个Te...
unity开发账号的注册登录（UGUI）
weixin_44302602的博客
03-19 4573
之前我写过一片关于UGUI的登录注册的博客 感觉大家对这个挺有兴趣的 上一篇博客地址 然后这篇博客多加了个注册的功能 可以同时注册多个账号 并且都可以登录 我们使用字典和InputField来实现 public Dictionary<string, string> regtable = new Dictionary<string, string>();//注册用户表...
Unity3D入门——GUI之TextField和PasswordField控件
renwudao24的专栏
05-26 7810
一、TextField控件 TextField控件主要用于监听用户的输入信息，我们通常使用GUI.TextField()方法来显示输入框，其返回值类型为string型。 Parameters(参数)： position : Rect ——屏幕上绘制文本框的位置（起点x轴坐标，起点y轴坐标，文本框的宽度，文本框的高度） text : String ——显示的编辑文本，这个函数
【Unity 3D】学习笔记三：TextField控件（文本框）
零逸Space
06-03 1万+
Unity 学习笔记三   学习资料：《Unity 3D游戏开发》 宣雨松   在程序里，都会有登陆界面，让你输入账号密码。或者是你破纪录后填写用户名。这些都是需要用法TextField控件。主要用于监听用户输入的信息。 一般情况下，使用GUI.TextField（）显示输入框，返回值为用户输入的字符串信息。使用GUI.PasswordField（）用作密码输入框，输入的字符串以  ‘*
Unity UGUI Image 中文详解-Chinar
Chinar优快云的博客
08-06 9530
Unity UGUI Image 中文详解-Chinar 助力快速掌握 Unity UGUI中 Image 组件的使用 为初学者节省宝贵的时间，避免采坑！ Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片 1.1 Attribute —— 属性 Source Image 需要显示图片来源（文件引用） Color 图片的颜色 Material 渲染图像的材质 Raycast Target 能否接收到射线检测 Image Type 图片的排列类型 Simple (普通模式)，Sliced (九
UGUI界面设计入门实例合集解析
UGUI使用Canvas作为UI元素的容器，Canvas下的UI元素包括Image、Text、Button、Slider、InputField、RawImage等。UGUI还支持使用锚点（Anchors）和画布（Canvases）进行响应式设计，以适应不同分辨率和屏幕尺寸。 3....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值