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

UX笔记#01 |按钮用图标还是文字

Problem: 在设计按钮时,经常会纠结是用文字还是图标,还是文字+图标? ? ? 苹果的系统APP也是同一个界面文字和图标混用的,那究竟是他们是怎样想的呢?...在工具栏(如上图界面下部的条)里,超过三个按钮则使用图标,否则可用文字。...理由是文字一般比较长,靠的太近就会首尾相接,虽然iOS是可以自动缩小字号来避免工具栏或导航栏上的文字首尾相接,但如果超过3个按钮,就很有可能怎么都排不下了。...在内容区域(就是不在导航栏和工具栏)添加文字按钮时,要注意可交互性Interactivity,就是按钮看起来是可以点的,否则会和内容文字混淆,区分方法有三个: 一是上下文场景,一个按钮放在电话号码旁边很可能就是拨打电话的按钮...; 二是颜色区分,和正文使用不同的颜色,通常是APP的主色调; 三是命名,采用动作本身来命名按钮;(很多人喜欢用状态来命名按钮,这很容易产出混淆的,如果当前界面不能看到按钮的结果,这样的设计几乎一定会被误解

1.4K30

基于图像文字识别技术处理文本按钮

前言 在之前的基于vision-ml模型训练框架改造以及实际场景应用识别弹窗,我们基于模型训练去处理我们的弹窗,但是呢,在一些界面弹窗是一样的,但是,文字是不一样的,那么我们呢怎么根据文字的不同去处理不同的弹窗呢...我们传入这样一张图片,然后文字是同意并继续。我们看下最后的结果 我们去执行了 adb shell input tap 609 372 可以看到设备上可以正常点击。...那么我们可以把这个功能封装成我们处理一些安装的时候出现的文本弹窗,把文字统一存储起来。 准备了一些文本。...我说下我的思路, 1.安装过程截图 2.获取截图文字 3.请输入账号存在识别文字中 4.用input输入账号即可。 这里不做实际代码演示。...基于模型避免了一些手机上按钮的样式会发生改变,使用坐标的方式来处理。后续会把这个的代码放在appium相关的分享中去做展示。我改造的部分的代码已经全部贴上去了。需要原框架的部分代码也已经做了截屏。

1.5K20

WKWebView不显示JS的Alert,Confirm,TextInput弹框解决方法

然后刚刚才发现用了WKWebView之后不会弹窗提示了,查了一下知道原来WKWebView默认禁止了下面的跳转: 打开itunes.apple.com跳转到App Store, 拨打电话, 唤起邮箱等一系列操作 JS...的Alert,Confirm,TextInput弹框 解决方法: 首先实现WKUIDelegate代理方法 解决唤不起打电话和跳转系统应用的方法 - (void)webView:(WKWebView...WKNavigationActionPolicyCancel); return; } decisionHandler(WKNavigationActionPolicyAllow); } } 解决JS...的Alert,Confirm,TextInput不弹框的方法 #pragma mark - Alert弹窗 - (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage...]; [self presentViewController:alertController animated:YES completion:nil]; } #pragma mark - Confirm

6.7K30

uniapp 中的交互反馈 API【提示框】

,也可以同时有确认和取消按钮,类似于一个 API 中整合了 js 中的 alert、confirm uni.showModal({ title: '确认删除吗?'..., // 标题 content: '永久删除不可恢复', // 内容(灰色字体) showCancel: true, // 显示取消按钮 cancelText: '取消', // 取消按钮文字 cancelColor...: '#000000', // 取消按钮颜色 confirmText: '确定', // 确定按钮文字 confirmColor: '#007aff', // 确定按钮颜色 editable: false...('用户点击确定'); } else { console.log('用户点击取消'); } } }) 一个按钮的模态弹窗,类似 js 的 alert 弹窗 uni.showModal({ title:...); if (confirm) { console.log('用户点击确定'); } } }) 两个按钮的模态弹窗,类似 jsconfirm 弹窗 uni.showModal({ title: '

2.3K20
领券