首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS 按钮标题自动适配的中英文长度 & 动态控制子视图按钮的显示与隐藏 (Masonry版本)

前言 按钮标题自动适配的中英文长度 比如打印小票,或者提货,是使用同一个按钮,这个时候还要适配中英文。...可以采用以下方式Masonry约束视图的宽度的最小值 make.width.mas_greaterThanOrEqualTo(kAdjustRatio(70));例子:打印小票按钮 动态控制子视图按钮的显示与隐藏...例子:本级的订货清单不显示分配终端按钮子视图 下级代理商的订货清单显示分配终端按钮子视图 原文 https://kunnan.blog.csdn.net/article/details/104380895...I、按钮标题的中英文长度适配适配(Masonry版本) 关键APImake.width.mas_greaterThanOrEqualTo(kAdjustRatio(70)); [_receiptBtn.titleLabel

1.3K20

Human Interface Guidelines —— 导航栏(Navigation Bars)

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后使用的时候完全不虚...内容 当显示一个新的屏幕时,一个后退按钮(通常标有前一个屏幕的标题)出现在该bar的左侧。...split view(分割视图) ·Navigation Bars是半透明的,可以具有背景色,并且可以配置为当键盘出现在屏幕 / 使用手势 / 视图大小调整时隐藏。...如果您使用自定义图像替换系统提供的后退按钮V形图像,则也需要提供自定义遮罩图像。 iOS使用此遮罩在转场时为按钮标题设置动画效果。 ·不要包含多段面包屑路径。...如果您在navigation bar中使用segmented control,请仅在层次结构的顶层执行此操作,并确保低层级界面使用精确的后退按钮标题

2.4K110
您找到你想要的搜索结果了吗?
是的
没有找到

iOS 11 更大的导航 (官方翻译版)

当显示新屏幕时,通常标有前一屏幕标题后退按钮出现在栏的左侧。有时,导航栏的右侧包含一个控件,如编辑或完成按钮,用于管理活动视图中的内容。拆分视图中,导航栏可能会出现在拆分视图的单个窗格中。...导航栏是半透明的,可能具有背景色调,并且可以配置为屏幕键入屏幕时隐藏,发生手势或视图调整大小。 ? 考虑显示全屏内容时暂时隐藏导航栏。当您想关注内容时,导航栏可能会分散注意力。...通常,导航栏不应包含视图的当前标题后退按钮和管理视图内容的一个控件。如果您在导航栏中使用分段控件,则该栏不应包含标题或除分段控件之外的任何控件。 使用标准后退按钮。...如果用自定义图像替换系统提供的返回按钮人字纹,也可以提供自定义遮罩图像。iOS使用此遮罩时,可以转换期间为按钮标题设置动画。 不要包含多段面包屑路径。...后退按钮总是执行单个操作 - 返回到上一个屏幕。如果您认为没有当前屏幕的完整路径的情况下,人们可能会迷失方向,请考虑对应用程序的层次结构进行展平。 给文本标题按钮足够的空间。

2.8K30

最新iOS设计规范三|3大界面要素:栏(Bars)

iOS 13及更高版本中,默认情况下,大标题导航栏不包含背景材质或阴影。另外,随着页面滑动,大标题要转换为标准标题。 ? 隐藏标题导航栏的边框。...iOS 13及更高版本中,可以通过删除导航栏的阴影来隐藏导航栏的底部边框(当滑动内容区域时,边框会自动重新出现)。无边框样式标题导航栏中效果很好,因为它增强了标题和内容之间的联系感。...导航栏控件 避免导航栏挤满太多控件。通常,导航栏最多只能包含视图的当前标题后退按钮以及一个用于管理视图内容的控件。如果在导航栏中使用分段控件,则该栏不应包含标题或分段控件以外的任何控件。...你可以同时提供自定义的蒙版图像,以便系统转场过渡时使用此蒙版为按钮标题设置动画效果。 不要包括多段面包屑路径。后退按钮始终执行单个操作:返回一屏幕。...iOS 13及更高版本中,您可以使用SF符号来表示选项卡栏项目。在所有版本的iOS中,系统API提供了一系列预设图标。当然你也可以自定义图标。

9.8K10

『React Navigation 3x系列教程』之createStackNavigator开发指南

屏幕转场风格 默认情况下,createStackNavigator提供了转场过渡效果,Android和iOS上过渡效果是不同的,这也是React Native重平台性的一个体现,Android从屏幕底部淡入...,iOS是从屏幕的右侧划入,当然你也可以通过配置让StackNavigator支持屏幕从底部滑入的效果。...none: 隐藏导航栏。 headerBackTitleVisible : 提供合理的默认值以确定后退按钮标题是否可见,但如果要覆盖它,则可以使用true或` false 在此选项中。...: 定义iOS上当前页面进入到下一页面的回退标题,可以通过设置null来禁用它; headerTruncatedBackTitle: 当回退标题不能显示的时候显示此属性的标题,比如回退标题太长了; headerBackImage...:React 元素或组件标题后退按钮中显示自定义图片。

4.9K10

win10 UWP 标题后退

本文告诉大家如何在 UWP 标题栏添加后退按钮 设置里,标题栏有后退按钮,请看下图 ?...win平板,可以有后退键,手机也有,但是手机的是物理的,平板的和 PC 的后退标题栏做的 如果需要在标题栏显示后退按钮,需要使用下面代码 Windows.UI.Core.SystemNavigationManager.GetForCurrentView...在用户点击标题栏的后退按钮的时候,可以通过下面代码拿到事件 Windows.UI.Core.SystemNavigationManager.GetForCurrentView().BackRequested...可以通过 BackRequested 的参数 handle 阻止在手机按下后退键让应用隐藏。...好的做法是 Load 添加,Unload 去掉。如果这句代码添加在 ViewModel 需要自己 ViewModel 关闭去掉添加事件。

78920

占领标题

这篇博客将介绍UWP中如何自定义标题栏。 2.示例代码 UWP的限制很多,标题栏的自定义几乎全部内容集中 这篇文档 里面。...标题的系统保留区域 标题栏的右边有188像素的系统保留区域,用于系统标题按钮(“后退”、“最小化”、“最大化”、“关闭”)。...按钮的样式来自NavigationBackButtonNormalStyle并稍作修改,大致做到和标准的标题按钮一样。 9....全屏和平板模式 当应用在全屏或平板模式下运行时,系统将隐藏标题栏和标题控制按钮。 但是,用户可以调用标题栏,以使其以覆盖形式显示应用的 UI 顶部。...你可以处理隐藏或调用标题栏时将通知的 CoreApplicationViewTitleBar.IsVisibleChanged 事件,并根据需要显示或隐藏你的自定义标题栏内容。

1.4K20

Cocoa编程中视图控制器与视图类详解

UIView是iPhone屏幕很多控件的基础类。每个iPhone用户界面都是由显示UIWindow(这其实也是个特殊的UIView)内的众多UIView及其专门化子类构建的。...向左指的Back后退按钮出现,可返回到上一步,且Back按钮用的是上一个视图控制器的标题。 2. 作为弹出回上一级视图控制器的Back按钮是自动产生并处理的,无需用户干预。 3....其描述了导航栏显示的内容,而正好UIViewController另有一导航项属性navigationItem包括左栏按钮(leftBarButtonItem)、右栏按钮(rightBarButtonItem...)和栏标题(title)、用于显示标题的视图(titleView),以及用于从当前视图向后导航的Back按钮(backBarButtonItem)和隐藏后退按钮(hidesBackButton)。...stringWithFormat:@"%d",80];   }   来源:http://www.cnblogs.com/lovecode/archive/2012/01/03/2310866.html 视图控制器iOS

5K50

手机端页面项目中遇到的一些问题及解决办法

作者:键盘上的眼泪 https://segmentfault.com/a/1190000015178877 1.解决页面使用 overflow: scroll iOS 滑动卡顿的问题?...安卓上面,点击页面底部的输入框,软键盘弹出,页面移动上移。 而 ios 上面,点击页面底部输入框,软键盘弹出,输入框看不到了。。。...类似于 history.go(-1); 而 safari(包括桌面版和 ipad 版)的后退按钮则不会刷新页面,也不会提交数据申请。...-- 可隐藏地址栏,仅针对IOS的Safari(注:IOS7.0版本以后,safari已看不到效果) --> <!...,::-ms-clear 修改清除按钮,设置隐藏并使用背景图片来修饰 input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type

3.4K30

Face ID和Touch ID 译文and集成篇Face ID和Touch ID

请记住,人们可能会选择在其设备禁用生物识别身份验证,因此您的应用程序应该准备好处理这种情况。 ? ? 现在人们用单一的方式认证。当人们不必选择如何进行身份验证时,这是最直观的。...提供替代方案,例如要求用户名和密码,只有初始方法失败时才作为备用。 仅在响应用户操作时启动身份验证。明确的操作,例如点击按钮,确保用户想要进行身份验证。...脸部识别码的情况下,还可以提高用户面对照相机的可能性。 始终识别身份验证方法。例如,使用Face ID登录到您的应用程序的按钮标题为“使用Face ID登录”而不是“Touch ID登录”。...不要在支持Face ID的设备引用Touch ID。相反,请勿支持Touch ID的设备引用Face ID。检查设备的功能并使用适当的术语。...// LAErrorUserCancel = kLAErrorUserCancel, // // 已取消身份验证,因为用户已单击后退按钮(输入密码)。

3.4K60

IOS开发基础系列】Navigation页面导航专题

开发-22】navigationBar导航条和navigationItem设置:基本搞定导航条的文字和按钮以及各种跳转 http://www.tuicool.com/articles/BZNVza 2.3.2...-7-uibarbuttonitem 2.5.4 隐藏返回按钮 [self.navigationItem setHidesBackButton: YES]; 2.5.5 设置导航栏标题的字体颜色和大小...systemFontOfSize: 19], NSForegroundColorAttributeName: [UIColor redColor]}];         方式二相对于方式一而言更加简单方便 2.5.6 导航条白色按钮变成了蓝色...2.5.8 Tabbar的显示与隐藏 Tabbar的隐藏函数,其实只Nav Push的之前调用时起作用 //隐藏Tabbar [viewController setHidesBottomBarWhenPushed...7 导航栏背景,标题和返回按钮文字颜色 http://blog.csdn.net/mad1989/article/details/41516743 IOS自定义导航栏题目和返回按钮标题 http://

31820

如何在iOS系统抓取log

步骤1 按住 iPad 的两个音量按钮以及侧面或顶部按钮 1 到 1.5 秒以启动 sysdiagnose。 当您释放按钮时,系统诊断将启动,iPad 会进行屏幕截图。...步骤4 “自定义顶级菜单”屏幕,点击 + 按钮添加新功能。 步骤5 点击函数占位符中的 + 图标以添加新函数。 步骤6 点击以从列表中选择分析。...Analytics 现已添加到 AssistiveTouch,您可以点击“后退按钮离开该菜单。...在下一步中,您将在 Mac 隐藏 Library 文件夹(Macintosh HD/Users/username/Library/)中找到 sysdiagnose 日志文件。...macOS 默认隐藏 /Users/用户名/Library/ 文件夹。 步骤10 Finder 中,按住 Option 键,同时单击“前往”菜单。 库文件夹出现在菜单中。

17310

macOS 13 Mammoth 重大改变,重新定义 Mac 体验

许多从 iOS 过渡的现代 Mac 应用程序甚至没有那么多使用菜单栏。 精致的 UI 元素也将在整个系统中首次亮相。一个更简单、更少侵入性的标签栏看起来更像是来自 iOS标题。...首先,我们希望看到窗口按钮可以动态缩小和扩展。为什么?因为它可以节省空间并整理标题栏。这是 iPadOS 15 中的一项功能,我们认为它在 macOS 非常有效。...桌面小部件 小部件当前隐藏在您的通知右侧的屏幕外。他们理应拥有自己的住所,就像在 iOS 和 iPadOS 一样。Apple 已将小部件直接移至这两个平台上的主屏幕。...单击 Dock 中的小部件图标可以桌面上隐藏和显示小部件。您可以将它们放置您想要的任何位置,甚至可以使用 Mission Control 将它们放置不同的桌面上。...文件夹当然可以放在 Dock 的右侧,但自 2010 年以来,特定于应用程序的文件夹一直 Dock 中的 iOS 和 iPadOS

3.2K30

iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果

功能描述:锁屏歌曲信息、控制台远程控制音乐播放:暂停/播放、一首/下一首、快进/快退、锁屏状态下列表菜单弹框和拖拽控制台的进度条调节进度(结合了QQ音乐和网易云音乐锁屏状态下的效果)、歌词解析并随音乐滚动显示...专辑、(歌词是绘制图片的) - (void)showLockScreenTotaltime:(float)totalTime andCurrentTime:(float)currentTime andLyricsPoster...YES error:nil]; [session setCategory:AVAudioSessionCategoryPlayback error:nil]; [1.png] [2.png] iOS7.1...更新于2017/9/13 iOS11系统正式发布后 , iOS11不能像iOS11以下那样锁屏歌词和海报,iOS11把海报显示位置放到了左上方,而且大小变成了头像大小,可能是苹果为了锁屏界面的简洁,...[iOS11网易云音乐锁屏界面.PNG] 更新于2018/3/7 上面提到 iOS11系统 ,不能像以往那样显示锁屏歌词了,那锁屏歌词该怎么显示呢,网易云音乐给出了如下图的设计:她是把当前唱到的歌词放到了锁屏的副标题

2.6K150

iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果

功能描述:锁屏歌曲信息、控制台远程控制音乐播放:暂停/播放、一首/下一首、快进/快退、锁屏状态下列表菜单弹框和拖拽控制台的进度条调节进度(结合了QQ音乐和网易云音乐锁屏状态下的效果)、歌词解析并随音乐滚动显示...iOS11以下锁屏信息预览 //展示锁屏歌曲信息:图片、歌词、进度、歌曲名、演唱者、专辑、(歌词是绘制图片的) - (void)showLockScreenTotaltime:(float)totalTime...2.png iOS7.1之前, App如果需要在锁屏界面开启和监控远程控制事件,可以通过重写- (void)remoteControlReceivedWithEvent:(UIEvent *)event...更新于2017/9/13 iOS11系统正式发布后 , iOS11不能像iOS11以下那样锁屏歌词和海报,iOS11把海报显示位置放到了左上方,而且大小变成了头像大小,可能是苹果为了锁屏界面的简洁,...iOS11网易云音乐锁屏界面.PNG 更新于2018/3/7 上面提到 iOS11系统 ,不能像以往那样显示锁屏歌词了,那锁屏歌词该怎么显示呢,网易云音乐给出了如下图的设计:她是把当前唱到的歌词放到了锁屏的副标题

2.7K70

Material Design — 提示框( Dialogs)

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后使用的时候完全不虚...关闭提示框 提示框可以通过点击提示框外部或点击系统后退按钮Android)来关闭。 有时候,用户必须做出选择动作后才能关闭提示框。...不该有明确的取消按钮 明确说明 ·简单提示框中,行高可以变化; ·简单的对话框在屏幕垂直和水平都居中显示; ·提示框与屏幕左右边缘的距离应该至少为40dp,距离顶部和底部至少为24dp; ·该对话框的内容距离提示框边缘为...要提供明确的“取消”与“确定”按钮 ---- 全屏提示框(Full-screen Dialogs) 仅限手机:由于空间有限,全屏幕对话框可能更适合使用在手机,而不是屏幕较大的设备。...确认按钮将被禁用,直到满足对话框中的所有必填字段都完成时,确认操作才会被激活 丢弃(离开) 丢弃操作(屏幕左上角的“X”)和后退按钮均会关闭全屏对话框并放弃之前所做的更改。

5K101

最新iOS设计规范五|3大界面要素:控件(Controls)

系统按钮 系统按钮通常出现在导航栏和工具栏中,也可以在任何地方使用。 ? 标题中使用动词。特定于操作的标题显示按钮是交互式的,并说明单击该按钮时会发生什么。 使用标题格式命名标题。...按钮标题尽量简短。太长的文本可能会使您的界面拥挤,并可能在较小的屏幕被截断。 只必要时添加边框或背景颜色。默认情况下,系统按钮没有边框或背景。...三、情境菜单(Context Menus) iOS 13及更高版本中,你可以使用情境菜单让用户访问与APP相关的其他功能,而不会使界面混乱。 ?...网络加载指示(Network Activity Indicators) 网络加载指示iOS 13和全面屏显示的设备已被弃用。...iOS 12及更早版本中,以及全面屏显示的设备,网络活动指示器会在发生联网时屏幕顶部的状态栏中旋转,联网完成后消失。和活动加载指示器样式一样,并且是非交互式的。 ?

8.5K30

React Native开发之react-navigation库详解

需要说明的是,由于react-navigation3.x版本进行了较大的升级,所以使用方式与2.x版本会有很多的不同。...} 除了示例中使用到的navigationOptions属性,StackNavigator导航器支持的navigationOptions属性还包括: header:设置导航属性,如果设置为null则隐藏顶部导航栏...headerTitle:设置导航栏标题。 headerBackImage:设置后退按钮的自定义图片。 headerBackTitle:设置跳转页面左侧返回箭头后面的文字,默认是上一个页面的标题。...headerTransparent:设置标题背景是否透明。 gesturesEnabled:设置是否可以使用手势关闭当前页面,iOS默认开启,Android默认关闭。...除了可以实现路由管理和页面跳转操作外,还可以使用react-navigation实现顶部和底部的Tab切换,如图7-13所示。 ?

5.7K10

最新iOS设计规范四|3大界面要素:视图(Views)

iOS是运行于iPhone、iPad和iPod touch设备、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。...模板图像应集中约70px×70px的区域中。 使用简单的活动标题来描述你的任务。标题显示活动视图中的图标下方。短标题最好。当标题太长时,iOS首先缩小文本,然后如果标题仍然太长直接将其截断。...屏幕需要阅读的文字应该越少越好,可以尝试编写一个标题并且避免添加额外的信息。因为单字标题很少会提供有用的信息,所以可以考虑以问问题或使用短句的方式,尽可能的将标题保留在同一行。...十二、网页视图(Web Views) 网页视图可以APP中加载和显示丰富的网页内容。例如:嵌入式HTML和网站;邮箱APP使用网页视图来消息中显示HTML内容。 ? 适当地使用前进和后退导航。...使用网页视图让用户不离开APP当前页的情况下,短暂地访问网站很好,但Safari是用户iOS浏览网页的主要方式。所以在你的APP中提供与Safari相似的功能没有必要的,而且也不鼓励这样做。

8.3K31

微信小程序开发实战(16):交互组件

使用ActionSheet会从当前窗口底部往上弹出一个窗口,可以该窗口放置任何组件,例如,如图1所示的一排按钮。 ?...小程序中使用ActionSheet要使用标签,该标签中可以包含任意的组件,因此,可以ActionSheet放置任何小程序支持的UI元素。...循环的外面使用标签添加了一个“取消”按钮,点击“取消”按钮,无需加任何JavaScript代码就会关闭ActionSheet。...图3 带图像的ActionSheet 2 对话框 小程序中,对话框需要使用标签。与Android、iOS不同的是,这些对话框需要实现摆放在布局文件中,默认是隐藏状态。...实际,这里指的关闭,就是隐藏标签,实现的代码如下: Page({ data: { modalHidden: true, modalHidden2: true },

87720
领券