首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    干货!UI界面中的用户头像,这么设计就对了!

    002.颜色和尺寸 根据情况,您可以使用多种颜色和尺寸选项: 1. 为了更好的识别,背景颜色可以多样化; 2....显示用户是在线还是离线 2. 通过带有编号标签来告知用户有消息 3. 可以显示额外的图标供用户执行操作 004.用户状态 显示用户状态的最常见做法,是在用户头像的右下角放置一个彩色指示器。...绿色表示在线状态,灰色表示离线 填充形状用于在线状态,空的形状用于离线(替代选择) 005.通知标签 根据视觉优先级,确定要用何种标签来吸引用户的注意力。...您还可以添加带有徽章的计数器。 b.进度展示 你可以使用弧形来表达用户完成的进度,同时将进度数据展示在头像最上方。 c.选择 对于选中状态,用户最认可的方式就是图标+描边。...c.悬停下拉 徽章悬停下拉菜单,最常见的模式之一,它可以扩展用户的附加信息。 d.悬停浮动显示状态 当存在一组堆叠的头像时,显示用户全面可以使用这种方式进行。

    2.4K10

    iOS14开发-UIViewController

    介绍 UIViewController 可以理解为 App 的界面,负责管理 UIView 中显示的内容和用户的交互,主要有以下作用: 负责创建和管理 UIView。 响应用户与视图的交互。...(2)将File’s Owner的view属性设置为xib文件(拽线设置即可)。...需要设置当前的 UIViewController 为被代理 UIViewController 中的代理属性。 闭包 可以理解为代理模式中协议的闭包替代,比代理模式更简单。...颜色问题 UITabBar的颜色 可以通过 UITabBar 的barTintColor设置。 渲染颜色 图片一般由设计师统一设计,需要设置标题文字颜色以适应图片。...let item = UITabBarItem.appearance() // 默认文字颜色 item.setTitleTextAttributes([NSAttributedString.Key.foregroundColor

    2.4K20
    领券