SwiftUI 如何取消NavigationLink中Button的默认效果和点击高亮效果(教程含代码)

最新推荐文章于 2022-04-27 11:15:29 发布
最新推荐文章于 2022-04-27 11:15:29 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： SwiftUI源码大全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/107681021
版权
本文介绍如何在SwiftUI中取消NavigationLink与Button结合使用时的默认效果和点击高亮。通过学习，您可以创建无高亮效果的按钮，并了解如何自定义按钮样式。文章包含实战代码示例和核心代码讲解。
摘要由CSDN通过智能技术生成

实战需求

NavigationLink 和Button组合使用时，使用时我们需要删除Button的默认效果。另外希望点击时不会出现Highlight的显示。

本文价值与收获

看完本文后，您将能够作出下面的界面

在这里插入图片描述

设置后效果

没有设置的效果

Button

触发时执行操作的控件。

struct Button<Label> where Label : View

使用教程

您可以通过提供操作和标签来创建按钮。操作是方法或闭包属性，当用户单击或点击按钮时，该操作会执行某些操作。标签是描述按钮动作的视图，例如通过显示诸如“取消

了解本专栏 订阅专栏 解锁全文 超级会员免费看
知识大胖
关注
专栏目录
订阅专栏
SwiftUI NavigationLink内实现Button按钮独立响应事件(经典教程)
iCloudEnd的博客
08-09 1885
实战需求 SwiftUI NavigationLink内实现Button按钮独立响应事件 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 掌握NavigationLink基础使用 设置NavigationLInk内部组件Button响应优先级 实现内置Button独立响应事件 基础知识 highPriorityGesture(_:including:) 以比视图定义的手势更高的优先级将手势附加到视图。 func highPriorityGesture<T&gt
swiftui禁用NavigationLink、Button默认点击高亮效果
个人笔记
01-29 1398
1. 自己写一个Button样式 struct StaticButtonStyle: ButtonStyle { func makeBody(configuration: Configuration) -> some View { configuration.label } } 2. 然后在NavigationLink或Button上设置buttonStyle .buttonStyle(StaticButtonStyle()) ...
button按钮样式_Swift 笔记#2 - SwiftUI 基础控件 Button 必知必会
weixin_39695374的博客
11-28 523
本期学习 SwiftUI 基础控件 Button 的使用，内容基本涵盖了 Button 高频的使用场景；通过本节课你将收获：常规创建 button 的 两种 方式给按钮设置 图标、设置 圆角；更改 前景色 、背景色给按钮设置 渐变背景色、阴影 效果复用按钮样式，给按钮添加 动效简单 交互 实现视频版长度 14 分钟（内涵 5 小节），点击前往 观看视频Swift 笔记#2 - SwiftUI 基础...
Swift-Button 的 highlighted（高亮）
我为双鱼狂
09-04 1352
摘要 在学习小程序时，看到小程序中的一个样式属性 hover-class,通过设置这个属性，就可以给点击的控件添加一个高亮效果。所以也就萌生了在 Swift 也实现一个类似的功能的想法，开干。 下面代码是给 view 控件添加一个高亮效果，高亮时，页面的背景颜色会 0.8 的透明度显示 // html 页面 <view class="tool-bar my-class" hover-class="hover" hover-stay-time="50"> <image src.
第6章第1节：如何使用NavigationLink进行页面间的跳转 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-08 1982
每个移动应用都会有多个页面，这样就少不了页面之间的跳转。本节课演示如何使用NavigationLink，进行页面之间的跳转。 SwiftUI的页面之间的跳转，是在NavigationView里进行的，所以首先添加一个NavigationView。 接着添加一个NavigationLink导航链接，其实导航链接是一个按钮，当点击该按钮时，触发导航跳转到destination指定的文本视图。 添加一个文本视图，作为导航按钮的标题。点击此处的按钮，缩小预览窗口的显示比例。 继续编写代码..
SwiftUI 跳转到新页面（NavigationLink、fullScreenCover、Link）
CSDN博客
03-16 7576
前言 xcode 13.3 iOS 15.2 跳转 添加跳转时间，首先你要在 NavigationView 中包含的代码，只要在vc的body中，把代码放到 NavigationView 就可以了 button 跳转（此处是转化成 Text、Image） 文字button Button("登录/注册") { //文字 print("登录/注册") //点击事件 } 添加跳转事件，YLMySetting是我的要跳转的页面，destination下只要是一个 View就可以跳转，你也可以写一个Te
SwiftUI NavigationView 隐藏back返回按钮 自定义NavigationLink返回（教程含源码）
iCloudEnd的博客
11-03 1914
实战需求 SwiftUI NavigationView 隐藏back返回按钮 （教程含源码） 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 NavigationView NavigationLink presentationMode 基础知识 NavigationLink 控制导航演示的视图。 struct NavigationLink<Label, Destination> where Label : View, Destination : View
SwiftUI 设置List的单个Cell、Row 无选中效果
github_29300109的博客
06-16 714
目前的 List 没有这个属性设置，默认就是没有选中效果的 但是我发现，如果 List 如果被包裹在Section 或者ScrollView 中，就可能有选中效果，这可能是一个bug 比如下面的代码，就有选中效果： Section(header: SettingHeaderView(), footer: SettingFooterView(showKeyDetail: $showKeyDetail)) { APIKeyList(apiKeys: get
SwiftUI优秀文章之 NavgationLink实现不同页面的跳转
A1521315qwss的博客
04-27 776
SwiftUI NavgationLink实现不同页面的跳转 最近有个业务需求，是实现ForEach渲染出来的，postCell，实现点击某个cell实现不同的跳转，而不是跳转到一个固定的模板，传入数据，那是最最基础的一般套路，在oc和swift一般是通过判断indexPath的row和section的值，双重校验，跳转，或者是写一个data.plist的数据，把将要跳转的类名字扔进去，然后通过NStringFromClass 去创建那个类，与java的反射类似。 import SwiftUI struct
Swift UITableView 选中并立即取消选中实现方法
学习笔记
02-18 1126
Swift UITableView 选中并立即取消选中实现方法 用以下代码即可 override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { tableView.deselectRow(at: indexPath, animated: true) } ...
SwiftUI 解决List中点击一个Button时多个Button同时触发问题
wjn
07-13 1632
SwiftUI使用List列表时，当两个Button同时存在于一个cell的时候，不论点击哪个，最后两个点击事件都会执行 问题代码 以下是我们在List中写的两个按钮，会出现该问题 List { VStack(spacing: 20) { Button(action: { print("点击按钮一") }) { Text("按钮一") } Button(action: {
去掉listview的点击效果
Lucky_bo的专栏
09-07 5904
去掉listview的默认点击效果                 一般我们点击listview的子item时，会有明显的变化效果，但有时候我们不 想要这个点击效果，或者是这个点击效果不是我们想要的那个颜色变化，这 就需要我们自己去设置它的点击效果： 1.去掉listview默认的点击效果：   在XML中 设置listivew的listSelector属性就可以了，把这个属性
uibutton 取消点击效果 btton.adjustsImageWhenHighlighted = NO;
热门推荐
沸腾的泪水的专栏
07-08 1万+
uibutton 取消点击效果  btton.adjustsImageWhenHighlighted = NO;
SwiftUI 如何通过Button控制NavigationView的切换
iCloudEnd的博客
01-20 1889
SwiftUI 如何通过Button控制NavigationView的切换 想做个小实验，希望实现通过button来控制视图的切换。Google好半天，才找到一个解决方案，可以运行，但是感觉代码不够优雅。 import SwiftUI struct ContentView: View { @State var selection: Int? = nil var...
swift导航栏UINavigationController使用
u012858077的博客
05-26 2651
AppDelegate文件使用 ViewController里的使用 push到下一个界面 pop回上一个界面
SwiftUI List 设置行点击高亮动画效果(教程含源码)
iCloudEnd的博客
08-12 814
实战需求 SwiftUI List 设置行点击高亮动画效果？ 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 掌握background 掌握onTagGesture 掌握animation 掌握延时设置动画 基础知识 List 一个容器，用于显示排列在单列中的数据行。 struct List<SelectionValue, Content> where SelectionValue : Hashable, Content : View background
swift navigationItem titleButton
征战无悔人生
04-10 463
titleButton是系统不能满足需求而且自己封装的button。import UIKitclass TitleButton: UIButton { override init(frame : CGRect) { super.init(frame: frame) setImage(UIImage(named: "tabbar_discover"), for: .
SwiftUI Button教程
最新发布
07-28
很高兴您对SwiftUI Button感兴趣！如果您想学习有关SwiftUI Button的教程，我推荐您关注icloudend的专栏，他提供了SwiftUI教程与源码。您可以在这个专栏中找到有关SwiftUI Button的详细教程和示例代码。同时，macOS还提供了几种内置按钮样式，例如PlainButtonStyle、LinkButtonStyle和BorderlessButtonStyle。如果您想为按钮创建自定义外观，可以使用ButtonStyle协议。如果您想完全自定义按钮的外观和行为，可以使用PrimitiveButtonStyle协议。希望这些信息对您有帮助！\[1\]\[2\] #### 引用[.reference_title] - *1* [SwiftUI Button 基础教程](https://blog.csdn.net/iCloudEnd/article/details/106967302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [macOS SwiftUI 教程之05 按钮样式 PlainButtonStyle、LinkBut​​tonStyle 和 BorderlessButtonStyle (教程...](https://blog.csdn.net/iCloudEnd/article/details/126232340)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值