【问题标题】:Instagram-like refresh button类似 Instagram 的刷新按钮
【发布时间】:2013-04-08 14:13:00
【问题描述】:

我真的很想做一个按钮(rightBarButtonItem),就像 instagram 的按钮一样,我认为不可能同时为按钮设置背景图像和图像。

看这个

**

AppDelegate.m

**

NSDictionary *faTextAttributes = @{ UITextAttributeFont : [UIFont fontWithName:@"Arial" size: 12],
                                        UITextAttributeTextColor : [UIColor whiteColor],
                                        UITextAttributeTextShadowColor: [UIColor blackColor],
                                        UITextAttributeTextShadowOffset: [NSValue valueWithCGSize: CGSizeMake(0,0)] };


    [[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil]
     setTitleTextAttributes:faTextAttributes forState:UIControlStateNormal];
    [[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil]
     setTitleTextAttributes:faTextAttributes forState:UIControlStateHighlighted];


    [[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil]
     setBackgroundImage:[UIImage imageNamed:@"bar"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
    [[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil]
     setBackgroundImage:[UIImage imageNamed:@"bar"] forState:UIControlStateHighlighted barMetrics:UIBarMetricsDefault];

FirstViewController.m

UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStyleDone target:nil action:nil];

self.navigationItem.rightBarButtonItem = rightButton;

这里是图片:

背景图片 (2x) http://d.pr/i/BYS9

刷新图片 (2x) http://d.pr/i/Hg5u


我在寻找什么来做 instagram 应用程序的相同按钮,在背景图像中设置刷新图像。

希望你能帮我解决这个问题。

【问题讨论】:

    标签: iphone ios objective-c xcode navigation


    【解决方案1】:

    很遗憾,UIBarButtonItem 不是 UIButton 的子类,因此不具备 UIButton 所具有的复杂属性和可定制性。 Instagram 完成此按钮的方式是仅将一张图像作为刷新图像叠加在背景图像上。当按下按钮时,他们会隐藏该项目并用风车替换它。

    或者,您可以创建一个自定义按钮,将所需的属性添加到该按钮,然后使用该按钮创建栏项目:

    UIBarButton* button initWithCustomView:customButton;

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-12-04
      • 2019-01-11
      • 2016-06-29
      • 1970-01-01
      • 2019-10-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多