UIView ne définit que les bordures latérales

Est-il un moyen de régler les côtés de la frontière, d'une UIView à une seule couleur et de laisser le haut et le bas de l'autre?

source d'informationauteur Mason | 2012-06-28

  1. 26

    Non—CALayer frontières ne supportent pas ce comportement. La meilleure façon d'accomplir ce que vous voulez, c'est l'ajout d'un n-point de l'échelle de l'opaque sous-vue avec votre choix à la frontière de la couleur comme couleur d'arrière-plan sur chaque côté de votre point de vue.

    Exemple:

    CGSize mainViewSize = theView.bounds.size;
CGFloat borderWidth = 2;
UIColor *borderColor = [UIColor redColor];
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, borderWidth, mainViewSize.height)];
UIView *rightView = [[UIView alloc] initWithFrame:CGRectMake(mainViewSize.width - borderWidth, 0, borderWidth, mainViewSize.height)];
leftView.opaque = YES;
rightView.opaque = YES;
leftView.backgroundColor = borderColor;
rightView.backgroundColor = borderColor;

//for bonus points, set the views' autoresizing mask so they'll stay with the edges:
leftView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleRightMargin;
rightView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleLeftMargin;

[theView addSubview:leftView];
[theView addSubview:rightView];

[leftView release];
[rightView release];

    Noter que ce ne sera pas tout à fait correspondre le comportement de CALayer frontières gauche et droite de la bordure des points de vue toujours être à l'intérieur des frontières de leur superview.

  2. 7

    La réponse avec le point de vue qui fonctionne comme les frontières sont très sympa, mais n'oubliez pas que chaque point de vue est un Objet d'INTERFACE utilisateur qui coûtent beaucoup de mémoire.

    Je doit utiliser uivew de la couche de peinture d'un trait de couleur sur un déjà existant UIview.

    -(CAShapeLayer*)drawLineFromPoint:(CGPoint)fromPoint toPoint:(CGPoint) toPoint withColor:(UIColor *)color andLineWidth:(CGFloat)lineWidth{

CAShapeLayer *lineShape = nil;
CGMutablePathRef linePath = nil;

linePath = CGPathCreateMutable();
lineShape = [CAShapeLayer layer];

lineShape.lineWidth = lineWidth;
lineShape.strokeColor = color.CGColor;

NSUInteger x = fromPoint.x;
NSUInteger y = fromPoint.y;

NSUInteger toX = toPoint.x;
NSUInteger toY = toPoint.y;

CGPathMoveToPoint(linePath, nil, x, y);
CGPathAddLineToPoint(linePath, nil, toX, toY);

lineShape.path = linePath;
CGPathRelease(linePath);
return lineShape;}

    et de l'ajouter à notre point de vue.

    CAShapeLayer* borderLine=[self drawLineFromPoint:CGPointMake(0, 0) toPoint:CGPointMake(0,_myView.frame.size.height) withColor:[UIColor lightGrayColor] andLineWidth:1.0f];

[_myView.layer addSublayer:borderLine];

    Donc... On prend un point et fait peindre une ligne de haut en bas de notre point de vue. Le résultat est qu'il ya une ligne qui ressemble à une largeur en pixels de la frontière.

  3. 7

    Mis à jour pour Swift 3.0

    J'ai écrit une rapide extension (pour un UIButton) qui simule la définition d'une frontière sur n'importe quel côté d'une UIView à une couleur donnée et la largeur. Il est similaire à @Noé Witherspoon, mais autonome et la mise en page automatique de la contrainte en fonction.

     //Swift 3.0
extension UIView {
enum Border {
case left
case right
case top
case bottom
}
func setBorder(border: UIView.Border, weight: CGFloat, color: UIColor ) {
let lineView = UIView()
addSubview(lineView)
lineView.backgroundColor = color
lineView.translatesAutoresizingMaskIntoConstraints = false
switch border {
case .left:
lineView.leftAnchor.constraint(equalTo: leftAnchor).isActive = true
lineView.topAnchor.constraint(equalTo: topAnchor).isActive = true
lineView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
lineView.widthAnchor.constraint(equalToConstant: weight).isActive = true
case .right:
lineView.rightAnchor.constraint(equalTo: rightAnchor).isActive = true
lineView.topAnchor.constraint(equalTo: topAnchor).isActive = true
lineView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
lineView.widthAnchor.constraint(equalToConstant: weight).isActive = true
case .top:
lineView.topAnchor.constraint(equalTo: topAnchor).isActive = true
lineView.leftAnchor.constraint(equalTo: leftAnchor).isActive = true
lineView.rightAnchor.constraint(equalTo: rightAnchor).isActive = true
lineView.heightAnchor.constraint(equalToConstant: weight).isActive = true
case .bottom:
lineView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
lineView.leftAnchor.constraint(equalTo: leftAnchor).isActive = true
lineView.rightAnchor.constraint(equalTo: rightAnchor).isActive = true
lineView.heightAnchor.constraint(equalToConstant: weight).isActive = true
}
}
}
  4. 2

    Cela sonne comme l'une des deux réponses:

    Si votre vue est statique taille, puis il suffit de mettre une UIView derrière elle, qui est de 2 pixels de large et de 2 pixels plus courte que votre vue avant.

    Si elle n'est pas statique de taille, alors vous pourriez faire la même chose, le redimensionnement de la sauvegarde de la vue à chaque fois que votre premier plan de la vue est redimensionnée, ou de mettre en œuvre un objet personnalisé qui met en œuvre une UIView, et à mettre en œuvre (override) votre propre drawRect routine.

  5. 0

    NAUIViewWithBorders a fait le tour pour moi. Voir aussi le créateur du DONC postez ici. La peine de vérifier si vous avez besoin de cette fonctionnalité pour plus d'un couple de points de vue.

  6. 0
    public extension UIView {
//Border type and arbitrary tag values to identify UIView borders as subviews
public enum BorderType: Int {
case left = 20000
case right = 20001
case top = 20002
case bottom = 20003
}
public func addBorder(borderType: BorderType, width: CGFloat, color: UIColor) {
//figure out frame and resizing based on border type
var autoresizingMask: UIViewAutoresizing
var layerFrame: CGRect
switch borderType {
case .left:
layerFrame = CGRect(x: 0, y: 0, width: width, height: self.bounds.height)
autoresizingMask = [ .flexibleHeight, .flexibleRightMargin ]
case .right:
layerFrame = CGRect(x: self.bounds.width - width, y: 0, width: width, height: self.bounds.height)
autoresizingMask = [ .flexibleHeight, .flexibleLeftMargin ]
case .top:
layerFrame = CGRect(x: 0, y: 0, width: self.bounds.width, height: width)
autoresizingMask = [ .flexibleWidth, .flexibleBottomMargin ]
case .bottom:
layerFrame = CGRect(x: 0, y: self.bounds.height - width, width: self.bounds.width, height: width)
autoresizingMask = [ .flexibleWidth, .flexibleTopMargin ]
}
//look for the existing border in subviews
var newView: UIView?
for eachSubview in self.subviews {
if eachSubview.tag == borderType.rawValue {
newView = eachSubview
break
}
}
//set properties on existing view, or create a new one
if newView == nil {
newView = UIView(frame: layerFrame)
newView?.tag = borderType.rawValue
self.addSubview(newView!)
} else {
newView?.frame = layerFrame
}
newView?.backgroundColor = color
newView?.autoresizingMask = autoresizingMask
}