web-dev-qa-db-ja.com

UIButtonの強調表示された色を変更する方法は？

UINavigationControllerにナビゲーションボタンを作成しました。タッチしたときに強調表示されるように設定します。

[someButton setShowsTouchWhenHighlighted:YES];

ハイライトされた色をデフォルトの白以外に変更する方法はありますか？

iosiphoneobjective-cuibutton
39
Code Monkey

次のメソッドでUIButtonをオーバーライドしてみてください。ボタンが強調表示されているときに、ボタンの背景色を変更するだけです。

- (void)setHighlighted:(BOOL)highlighted {
    [super setHighlighted:highlighted];

    if (highlighted) {
        self.backgroundColor = [UIColor Your Customcolor];
    }
    else{
        self.backgroundColor = [UIColor Your DefaultColor];
    }   

}

試してみてください。

49
User 1531343

setBackgroundImage:forState:を使用して、強調表示されたボタンの背景画像を設定できます。

例：

ここでの回答 でTimが提案したように、UIImageからa UIColorを作成できます。

- (UIImage *)imageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}

次に、強調表示されたときにボタンの背景画像として画像を設定します

[button setBackgroundImage:[self imageWithColor:[UIColor blueColor]] forState:UIControlStateHighlighted];

45
bradley

In Swift：

import UIKit

class CustomUIButtonForUIToolbar: UIButton {

    // Only override drawRect: if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    override func drawRect(rect: CGRect) {
        // Drawing code
        super.drawRect(rect)

        self.layer.borderColor = UIColor.blueColor().CGColor
        self.layer.borderWidth = 1.0
        self.layer.cornerRadius = 5.0
        self.clipsToBounds = true
        self.setTitleColor(UIColor.blueColor(), forState: UIControlState.Normal)

        self.setTitleColor(UIColor.whiteColor(), forState: UIControlState.Highlighted)
    }

    override var highlighted: Bool {
        didSet {

            if (highlighted) {
                self.backgroundColor = UIColor.blueColor()
            }
            else {
                self.backgroundColor = UIColor.clearColor()
            }

        }
    }

}
24
King-Wizard

Swiftの回答を提供します。これは、強調表示された色を元の背景色の暗いバージョンにしたい場合、カスタマイズなしで使用できます。一方、完全に異なる強調表示された背景色が必要な場合は、それをUIColorとしてhighlightedBackgroundColorプロパティに指定できます。

以下は、Swiftでこのような機能を実装する最も効率的で簡単な方法です。また、汎用であるため、さまざまな色のさまざまなボタンに使用できます。

コードは次のとおりです。

import UIKit

class HighlightedColorButton: UIButton {

    // A new highlightedBackgroundColor, which shows on tap
    var highlightedBackgroundColor: UIColor?
    // A temporary background color property, which stores the original color while the button is highlighted
    var temporaryBackgroundColor: UIColor?


    // Darken a color
    func darkenColor(color: UIColor) -> UIColor {

        var red = CGFloat(), green = CGFloat(), blue = CGFloat(), alpha = CGFloat()

        color.getRed(&red, green: &green, blue: &blue, alpha: &alpha)

        red = max(red - 0.5, 0.0)
        green = max(green - 0.5, 0.0)
        blue = max(blue - 0.5, 0.0)

        return UIColor(red: red, green: green, blue: blue, alpha: alpha)
    }


    // Set up a property observer for the highlighted property, so the color can be changed
    @objc override var highlighted: Bool {
        didSet {
            if highlighted {
                if temporaryBackgroundColor == nil {
                    if backgroundColor != nil {
                        if let highlightedColor = highlightedBackgroundColor {
                            temporaryBackgroundColor = backgroundColor
                            backgroundColor = highlightedColor
                        } else {
                            temporaryBackgroundColor = backgroundColor
                            backgroundColor = darkenColor(temporaryBackgroundColor!)
                        }
                    }
                }
            } else {
                if let temporaryColor = temporaryBackgroundColor {
                    backgroundColor = temporaryColor
                    temporaryBackgroundColor = nil
                }
            }
        }
    }
}

オプションのプロパティのhighlightBackgroundColorを追加して、ボタンを通常のUIButtonとして扱います。

let highlightedColorButton = HighlightedColorButton.buttonWithType(.Custom) as HighlightedColorButton
highlightedColorButton.backgroundColor = UIColor.redColor()
highlightedColorButton.highlightedBackgroundColor = UIColor.blueColor()
4
ArVID220u

次のステートメントを使用して、UIButtonの強調表示された色を設定します。

[button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];
2
Vinay Jain

Swiftの場合

import UIKit

extension UIImage {

func imageWithAlphaComponent(alpha: CGFloat) -> UIImage {
    UIGraphicsBeginImageContextWithOptions(self.size, false, 0)

    let ctx = UIGraphicsGetCurrentContext()
    let area = CGRect(x: 0, y: 0, width: self.size.width, height: self.size.height)

    CGContextScaleCTM(ctx, 1, -1)
    CGContextTranslateCTM(ctx, 0, -area.size.height)

    CGContextSetBlendMode(ctx, CGBlendMode.Multiply)

    CGContextSetAlpha(ctx, alpha)

    CGContextDrawImage(ctx, area, self.CGImage)

    let newImage = UIGraphicsGetImageFromCurrentImageContext()

    UIGraphicsEndImageContext()

    return newImage
}
}

書く

button.setImage(image.imageWithAlphaComponent(0.65), forState: .Highlighted)

https://Gist.github.com/yukitoto/e8aa420e20be7ab5d64b71e96ecd61f1

1
Yukito Shibuya

Swiftでは、強調表示された状態に画像を使用する場合、UIButtonでこれを行うことができます。

if enabled {
 //highlighted state
     enableMicrophone.setImage(UIImage(named: "mic_on"), forState: .Highlighted)
 } else {
 //normal state
     enableMicrophone.setImage(UIImage(named: "mic_off"), forState: .Normal)    
}
1
CodeOverRide

古い、古いWebトリックを使用することで、ある程度の成功を収めています。

images.xcassets、PNGファイル、両方とも1px x 1pxの画像アセットをいくつか作成しました。 1つは通常の色、もう1つは背景色です。

私は純粋な黒から純粋な白に行くので、

ストーリーボードでボタンを選択します。 「属性インスペクター」（右側のパネル、4番目のアイコン）で、タイプを「カスタム」に変更し、「状態構成」を「ハイライト」に変更してから、「背景」を「whitePixel」に変更します）および「テキストの色」から「黒色」。

ここで、「状態構成」を「デフォルト」に、「背景」を「blackPixel」（または何でも）、「テキストの色」を「白色」に変更します。

ストーリーボードエディターで画像にのみアクセスできる場合、色を適用する必要があるときはいつでも、これらのピクセルを使用できると思います。

これにより、画像アセットの数は増えますが、必要なコードは大幅に削減されます。それは私を喜ばせます。

0
A Fader Darkly