您当前的位置: 首页 > 知识百科 > 微信小程序导航栏返回怎么弄

微信小程序导航栏返回怎么弄

时间:2023-07-01 14:05 阅读数:38 人阅读 分类:知识百科

  很多人不了解微信小程序导航栏返回要怎么设置,其实在之前的文章中小编已经为大家介绍过了,如果还有人没有掌握,那么小编今天就再为大家提供一种新的方法。

  这个过程大概分为4个步骤:

  1、隐藏默认返回按钮,这是通过设置navigationItem的hidesBackButton为YES做到的:

  // 隐藏默认的"返回"按钮

  [self.navigationItemsetHidesBackButton:YES];

  2、自定义一个BarButtonItem。首先,我们定制一个UIButton。 这个UIButton用buttonWithType:UIButtonTypeCustom方法初始化。然后用setBarckgroundImage方法定制按钮的背景图片,用addTarget方法指定按钮的事件处理方法。这样我们就获得了一个完全定制的Button。BarButtonItem有一个initWithCustomView:的初始化方法。我们可以把一个定制的视图(比如我们定制的Button)作为这个方法的小程序参数,构建出一个BarButtonItem。

  // 自定义导航栏的"返回"按钮

  UIButton *btn = [UIButtonbuttonWithType:UIButtonTypeCustom];

  btn.frame = CGRectMake(15, 5, 38, 38);

  [btn setBackgroundImage:[UIImageimageNamed:@"按钮-返回1.png"] forState:UIControlStateNormal];

  [btn addTarget: selfaction: @selector(goBackAction) forControlEvents: UIControlEventTouchUpInside];

  UIBarButtonItem*back=[[UIBarButtonItemalloc]initWithCustomView:btn];

  3、把BarButtonItem 设置为 navigationItem的leftBarButton。

  // 设置导航栏的leftButton

  self.navigationItem.leftBarButtonItem=back;

  4、编写Button的事件代码。

  -(void)goBackAction{

  // 在这里增加返回按钮的自定义动作

  [self.navigationControllerpopViewControllerAnimated:YES];

  }

  对于微信小程序导航栏返回的设置,现在你是不是很了解了呢?对照以上步骤进行操作,你就可以进行导航栏返回的设置了,想要获取更多相关资料请关注微信小程序素材网。

  

  微信小程序导航栏跳转怎么设置

  微信小程序底部导航栏怎么开发

  微信小程序头部导航栏设置实例