UI基础第一天(知识点)

IOS 学习笔记 使用xib文件构建界面 目录 使用xib文件构建界面 1、将ViewController.h、ViewController.m、Main.storyboard三个文件delete掉 2、Deployment Info的Main Interface置空,也就是去掉Main 3、添加试图控制器 4、修改AppDelegate文件,将xib文件添加到window中 5、运行结果 6、 错误“This Class ... 阅读详情

一、iOS项目开发流程

1、想象力

有一个好的想法 ----> 再写出好的方案

2、开发步骤

搭建软件界面(UI设计) ----> 获取网络数据(多线程&网络) ----> 解析网络数据(JSON\XML) ----> 把数据展示到界面上(UI设计)

3、开发中选用框架规律

系统自带的框架 ----> 第三方提供的框架 ----> 网络中的类似代码 ----> 自己动手编写代码

二、Xcode初学者注意

1、Deployment Info的设置
  • Deployment Target(部署目标):设置为8.0,表示该程序能够运行在大于或等于iOS 8.0的设备上
  • Devices(部署的设备):可选iPhone或iPad
  • Main Interface:设置主界面,程序启动时会加载这个storyboard界面
  • Device Orientation:设置设备的方向,如下图:
       
2、Show File Inspector
  • Use Size Classes:用于定制不同的界面,可以使一个storyboard满足所有的设备,它一般与Auto Layout结合使用。初学者一般不选择,学到了再选择。
  • 注意:如果发现通过代码无法修改控件的位置或者尺寸时,应该去掉storyboard里面的Auto Layout功能,这是自iOS6开始出现的特性
3、storyboard的Show Identity Inspector
  • Class:指定控制器类。如ViewController
4、指向storyboard(故事版)的灰色箭头

         

  • 程序一启动,就会加载并显示箭头所指向的故事板,即启动时是否初始化故事版,有箭头表示需要初始化,没有箭头表示不初始化。
  • 调出箭头:storyboard的属性栏 ----> View Controller ----> Is Intial new controller
5、父控件与子控件
  • 屏幕上能看得见摸得着的,都是一个UIView控件
  • 每一个UIView都是一个容器,能容纳其他的UIView,外面的UIView的叫父控件,里面的叫子控件
  • 子控件继承父控件
  • 在父控件里,同级别的控件叫兄弟控件
6、UIViewController(视图控制器)
  • 作用:用于管理UIView,负责创建、显示、销毁UIView,负责监听UIView内部的事件,负责处理UIView与用户的交互
  • 每当显示一个新的界面时,首先会先创建一个新的UIViewController对象,然后创建一个对应全屏的UIView,UIViewController负责管理这个UIView
  • UIViewController内部有一个UIView属性:@property (nonatomic,retain) UIView * view;
7、IBAction与IBOutlet
  • IBAction
            a、相当于viod,只用于方法
            b、只有返回值类型为IBAction才有能与storyboard上的控件连线
  • IBOutlet
            a、IBOutlet只用于属性,标识其属性可以与storyboard上的控件连线
            b、IBOutlet只是一个标识,定义为  #difine IBOutlet 
            c、由定义知道,IBOutlet表示一个空格的字符常量
8、IBAction连线
  • 连线的方法
a、从.h或.m文件直接把方法前面的小圈拖到storyboard里的控件上
b、按住Ctrl键,把storyboard里的控件拖到.h或.m文件里的方法上
c、按住Ctrl键,把storyboard里的控件拖到.h或.m文件里的空白处,在弹出的对话框中填写IBOutlet或IBAction等信息,系统自动生成代码
  • 参数的个数
a、没有参数
b、带一个参数sender,sender表示触发这个事件的控件
c、带有两个参数sender和event,sender表示触发这个事件的控件,events表示触发的事件
9、补充
  • Xcode5之后,官方推荐与控件连线的属性和方法都写在类扩展里,因为不希望被其他的类调用,突出了其封装性
  • Xcode6之前还自动添加开发所依赖的框架,Xcode6后默认系统框架不再显示出来了
  • Link frameworks and libraries:添加项目所需要的框架

三、UI控件

1、UITextField(文本输入框)
  • 属性:
Text:修改文本
Placeholder:用于提示用户输入
Clear when editing begins:输入前清空
Keyboard Type:设置输入键盘类型
Secure Text Entry:隐藏输入框内容,主要用于密码输入
  • 关闭键盘:
方法一:撤销第一响应者,谁调用谁关闭,有多少个对象调用就得调用多少次resignFirstResponder,如  [self.num1TextField resignFirstResponder];
方法二:View父控件结束编辑,只要是自己或自己的子控件调用的键盘都退出,如  [self.view endEditing: YES];//YES表示强制,NO表示非强制
2、UIButton(按钮)
  • 属性:
Type ----> Custom:自定义类型
State Config ----> Default:普通状态
State Config ----> Highlighted:高亮状态
Background:设置背景图片
  • 按钮的状态:
normal(普通状态):默认情况, UIControlStateNormal
highlighted(高亮状态):按钮被按下去的时候(手指还未松开), UIControlStateHighlighted
3、UILabel(文本标签)
  • Text属性的修改
a、在storyboard里直接双击修改,UILabel的尺寸会随文子的多少自动改变
b、在属性栏里修改,UILabel的尺寸不改变

四、UIView常见的属性和方法

每一个UI控件都有自己的独特属性,但是有些属性是每个UI控件都具备的,比如每一个UI控件都有自己的位置和尺寸、都有自己的父控件、子控件。于是,所有的UI控件最终都继承自UIView,UI控件的公共属性都定义在UIView中。
1、UIView的常见属性:
  • @property(nonatomic,readonly) UIView *superview;//获得自己的父控件对象
  • @property(nonatomic,readonly,copy) NSArray *subviews;//获得自己的所有子控件对象
  • @property(nonatomic) NSInteger tag;//控件的ID\标识,父控件可以通过tag来找到对应的子控件
  • @property(nonatomic) CGAffineTransform transform;//控件的形变属性(可以设置旋转角度、比例缩放、平移等属性)
  • @property(nonatomic) CGRect frame;//控件所在矩形框在父控件中的位置和尺寸(以父控件的左上角为坐标原点)
  • @property(nonatomic) CGRect bounds;//控件所在矩形框的位置和尺寸(以自己左上角为坐标原点,所以bounds的x\y一般为0)
  • @property(nonatomic) CGPoint center;//控件中点的位置(以父控件的左上角为坐标原点)
2、UIView的常见方法
  • - (void)addSubview:(UIView *)view;//添加一个子控件view
  • - (void)removeFromSuperview;//从父控件中移除
  • - (UIView *)viewWithTag:(NSInteger)tag;//根据一个tag标识找出对应的控件(一般都是子控件)
Java图形用户界面基础知识点总结1 模块8 图形用户界面 学习目标: 了解图形用户界面的编程思路及方法。 了解事件及事件处理机制。 掌握常用的图形用户界面组件。 掌握容器布局的设置方法及组件的添加方法。 掌握常见事件类型及事件处理方法。 知识准备: JAVA应用程序的图形界面是通过JAVA API提供的java,awt,或 Java,swing包中的组件实现的。 GUI编程基础: 早期的JDK版本中提供了Java抽象窗口工具集,其目的是在程序 员创建图形界面时提供支持。但由于AWT功能有限,所以在后来 的JDK版本中又提供了功能更强的Swin 阅读详情

相关推荐

用户体验UE与用户界面UI设计

UE用户体验(User Experience,简称UX或UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。UE是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。    UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互界面的整体设计。UE和UI在

武汉产品经理 2266

ios-day16-01(ios应用的Deployment Info设置、如何去除AppIcon的玻璃质感效果)

如图所示,Deployment Info的设置: 1,单词解释。deployment:部署 2,Deployment Target:部署目标。 如果设置为7.1,表示该程序能够运行在大于或等于ios7.1的设备上; 如果设置为6.1,表示该程序能够运行在大于或等于ios6.1的设备上。 当设置为7.1的时候,程序中有些方法就会提示警告说该方法已经过期, 这是因为在7.1的版本中,应经有

liu537192的专栏 4377

UI设计——友好的用户界面

随着网络被越来越多的应用,友好的用户界面——UI设计显得越来越重要。下面来说几种UI设计中需要注意的事项吧。 1、突出信息重点。 不只是UI设计,任何一款设计最先考虑的、也是最重要的,就是要明确,究竟要干什么。也就是,设计的目的,究竟为何而设计。尤其是UI设计中,界面的空间有限而需要提示的信息却是很多很多的,在有限的空间中放入所有的提示信息是不现实的。这种情况下就需要根据设计目的来判断出究

6486

【UI】常见基础知识整理

本文整理了常见UI知识点。

someone's Blog 2322

Unreal Engine开发:Unreal Engine基础入门_UI与用户界面

UMG(Unreal Motion Graphics)是Unreal Engine中的可视化UI编辑器,它允许开发者通过蓝图或C++创建和管理UI元素。UMG基于Widget系统,提供了丰富的UI组件和事件处理机制,使得创建复杂的UI界面变得简单而高效。通过UMG,Unreal Engine提供了强大的工具和系统来创建和管理用户界面。无论是创建基础的UI元素,还是实现复杂的动画和交互效果,UMG都能帮助你高效地完成任务。此外,UMG还支持多语言、多平台和可访问性功能,使你的游戏能够覆盖更广泛的玩家群体。

chenlz2007的博客 1289

Unity引擎开发:Unity基础入门_Unity用户界面(UI)

创建语言字典创建一个新的C#脚本,命名为。// 这是一个语言字典脚本,用于存储不同语言的文本内容{ "start", "开始" },{ "pause", "暂停" },{ "resume", "继续" }// 当前语言// 根据当前语言返回相应的文本内容chinese[key] : "未知";创建UI元素选择Canvas,右键点击,选择UI->Text,创建多个文本对象。创建脚本创建一个新的C#脚本,命名为。将脚本附加到Canvas对象上。

chenlz2007的博客 1318

UI设计入门知识大全!零基础小白必看

很多零基础入门UI设计的朋友们,可能对于学习UI有很多疑问,今天我就来简单回复一些大家常问的问题吧~ 1、UI设计是什么? UI即User Interface(用户界面),简称UI,是指对软件的人机交互、操作逻辑、界面美观的整体设计。 那UI设计都体现在哪些地方呢?举个例子:打开手机所看到的界面和图标、或者打开各种手机APP软件,呈现在你眼前的都是UI设计。比如打开微信、操作点击任意一个功能,出...

xiaoxijing的博客 3049

Godot引擎开发:Godot基础入门_Godot引擎中的用户界面UI设计

在上一节中,我们介绍了Godot引擎的基础概念和基本操作,包括场景、节点和脚本的使用。现在,我们将深入探讨Godot引擎中的用户界面(UI)设计。UI设计是任何游戏开发中不可或缺的一部分,它直接影响玩家的体验和游戏的可玩性。在Godot引擎中,UI设计主要通过节点和场景来实现,利用其强大的场景编辑器和丰富的节点类型,我们可以轻松创建出各种复杂的UI界面。

chenlz2007的博客 1494

iPhone/iPad 屏幕旋屏

一般新建一个ViewController都会默认有以下这个函数 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation; 下面我们来定义各种旋转 - (BOOL)shouldAutorotateToInterfaceOrientati

邱浩东的专栏 2012

transplant-ui:移植工具用户界面的深入探索

软件移植通常涉及将应用程序从一个平台或系统迁移到另一个平台或系统。在这一过程中,开发团队可能需要面对诸多挑战,包括但不限于技术兼容性、用户界面(UI)的适配、以及后端服务的重新构建等。”transplant-ui”这一工具便是为了解决上述问题而设计的。它旨在为开发者提供一系列自动化工具,减少手动移植的工作量,缩短整个迁移流程的时间,并保证最终移植后的应用程序与原应用程序在功能与用户体验上保持一致。

weixin_36431145的博客 1009

Ubuntu20.04下运行LOAM系列:A-LOAM、LeGO-LOAM、SC-LeGO-LOAM、LIO-SAM 和 LVI-SAM

在我第一篇博文Ubuntu 20.04配置ORB-SLAM2和ORB-SLAM3运行环境+ROS实时运行ORB-SLAM2+Gazebo仿真运行ORB-SLAM2+各种相关库的安装的基础环境下跑通A-LOAM首先已经按照上一篇文章已经安装好了ROS noetic、Eigen3.4.0、OpenCV4.2.0和PCL1.10,A-LOAM在Github的开源地址:https://github.com/HKUST-Aerial-Robotics/A-LOAM。接下来根据代码要求,需要安装Ceres,另外环境的变

zardforever123的博客 3万+

从零开始创建一个个人博客前端Vue,后端node.js(第一天)

开发个人博客第一天

weixin_52153452的博客 4395

双翌视觉系统配合机械手大视野定位案例(单目标带角度抓取)

一、定位原理概述 1.系统构架 视觉定位系统采用正向打光方式,光源在机械手上方,CCD从上往下拍摄,进行图像分析定位。相机将计算出的像素坐标转换为机械手的物理坐标,视觉软件与机械手进行网口通讯,将视野内物料的物理坐标发送给机械手,机械手抓取物料放在指定工位。 2.相机标定概述 系统采用宫格标定确定像素坐标和物理坐标一一对应关系,同时利用3点或者多点旋转标定求出旋转中心 系统采用宫格标定,自定义行列数和间距及旋转角度,通过机械手发送的当...

weixin_51554164的博客 2172

UI设计入门:解析用户界面的基础概念

对于初学者来说,设计符合用户习惯和界面设计规范的作品需要花费大量的学习和操作成本,然后直接在即时设计资源社区中找到类似的模板,可以快速启动设计工作。即时设计也有自己的Arcodesign、AntDesign、Tdesign等3000+设计资源和设计系统,一键复用项目中常用的图标和自制组件,所以如果你也想尝试UI设计,赶紧试试吧!用户界面有两种视觉模式,传统模式和夜间模式,如下图所示,游戏主要针对年轻男性用户群体,因此视觉设计主要针对中央视觉设计和广泛的图像影响,因此我们的视觉模式被设置为夜间模式。

2301_79599164的博客 2616

国产蓝牙MCU选型避坑指南:从汇顶到杰理,这7家厂商的实测体验

本文基于一线开发者对汇顶、泰凌微、沁恒、博通集成、奉加微、杰理、翱捷等七家主流国产蓝牙MCU厂商的实测体验,提供了一份详实的选型避坑指南。文章不仅对比了各厂商芯片的SDK质量、文档、开发工具与技术支持等“软实力”,还深入剖析了实际开发中可能遇到的功耗、射频、版本兼容性等核心痛点,并针对不同项目需求给出了具体的选型决策建议,旨在帮助工程师高效完成国产蓝牙MCU选型。

u5v6w7的博客 338

23、电生理与CSD分析:探索大脑活动的前沿技术

本文介绍了电生理与电流源密度(CSD)分析在探索大脑活动中的前沿应用。从电生理技术的发展现状,到局部场电位(LFPs)的起源与解释,重点阐述了CSD分析的原理、实验方法及其在绘制皮层兴奋流、解析突触输入和研究自发振荡中的广泛应用。文章还总结了该领域的优势与挑战,并展望了技术改进、多模态融合、数据分析创新及临床拓展的未来方向,展示了这些技术在揭示大脑功能机制中的关键作用。

Apple的专栏 119

【Android基础UI学习之用户界面设计基础】

android前端UI相关的用户界面设计基础知识

weixin_48495360的博客 893

突破限制:巧用Azure OpenAI,畅玩Gemini模型

通过 Azure OpenAI 服务这一巧妙的途径,间接调用 Gemini 模型,打破网络限制的壁垒。本文将详细介绍这一方法,无论你是人工智能领域的新手,还是经验丰富的开发者,都能从中获取实用的技巧,轻松开启 Gemini 模型的探索之旅

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 180

Autojs基础-用户界面(ui)

脚本开发需要有界面与用户进行交互,许多脚本开发语言已经有自己的ui控件的使用方式,比如按键精灵的ui界面设置非常便捷。按键精灵的ui控件的取值和赋值方式都已经封装好了,但是autojs很多时候只提供控件,取值和赋值需要自己通过安卓进行封装,甚至需要自己手搓控件功能。以游戏为例,会有各种任务,我们可以根据选择的任务运行脚本,最好的就是多选框单选的方式,这样比较好看。但是,autojs没有让多选框单选的方式,我们又无法保证用户每次只选择一个任务,我们就需要手搓这个功能。

qq_55896432的博客 1868

海康威视iVMS-8700综合安防管理平台 文件读取漏洞复现

HIKVISION iVMS 综合安防管理平台download接口处存在任意文件读取漏洞,攻击者通过构造token绕过身份认证,读取服务器中的目录信息与敏感文件。使系统处于极不安全的状态。

0xSec 3304

SAP DRC 是什么?一文读懂 SAP Document and Reporting Compliance 的定位、架构与落地案例

把视线拉长,会发现SAP DRC的价值并不仅是用来交差的工具。它更像是企业在全球化经营中建设的一套公共底座:既能以最低的重复成本去应对各国不断演进的监管要求,也能为财务数字化与供应链协同提供可信数据回路。依托本地与云的分层职责、与的生态联动、以及按国家不断更新的任务目录,企业可以将合规变成一种标准化、工程化、可持续运营的能力。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1650

【Unity 用户界面插件】Modern Procedural UI Kit 帮助开发者快速构建现代化、程序化的用户界面(UI)

Modern Procedural UI Kit 是一款为 Unity 开发的 UI 插件,旨在帮助开发者快速构建现代化、程序化的用户界面(UI)。该插件提供了一个易于使用的框架,开发者可以通过其模块化的组件和灵活的设置,快速创建响应式、动态、程序化生成的 UI 元素,特别适合用于现代风格的应用程序和游戏界面设计。

2403_88403568的博客 1313

Python爬虫 汽车之家 车型销量--参数分析与实现

【代码】Python爬虫 汽车之家 车型销量--参数分析与实现。

2201_76125393的博客 850

【免费下载】 《重构用户界面》- Refactoring UI 中文机翻版

《重构用户界面》- Refactoring UI 中文机翻版 【下载地址】重构用户界面-RefactoringUI中文机翻版 《重构用户界面》- Refactoring UI 中文机翻版 项目地址: https://gitcode...

gitblog_06665的博客 1414

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

自适应用户界面(Adaptive UI)设计原则及其在提升跨平台用户体验中的应用

综上所述,自适应用户界面的设计不仅解决了实际问题——即如何构建一个可以在多种平台上良好工作的用户界面,同时也深入讲解了相关技术点,包括最新的Web标准和技术实践。这段CSS代码展示了如何使用CSS Grid创建一个响应式的容器布局,其中每列的最小宽度为200像素,最大宽度为1分屏宽,并且根据可用空间自动填充列数。随着新的交互方式(例如语音助手、手势控制)的兴起,自适应UI将如何继续演进,满足日益多样化的用户需求?减少不必要的重绘和回流,保持良好的滚动和平滑动画效果对于维持高效的应用程序性能至关重要。

qq_36287830的博客 2099

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

UI——用户界面

(5) 选择Text(TMP)将文本移动到Canvas左上角位置,重命名为Score。UI用Canvas(画布)单独、统一管理所有的UI元素,让它们一直显示在画面上。(4) 双击Canvas(画布)可看到范围边界(或选中Canvas后按F键)(1) 右击后点击 UI-Text-TextMeshPro。Canvas界面大小完美对应game的界面边界。(2) 在弹出框选择第一个(下载一些文字资源)

Unity学习 496

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

下一篇: UI基础第一天(代码)
活在生活里
博客等级 码龄11年 94粉丝 82原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值