iOSアプリの効果的なUIスタイリング

Question

私の質問は簡単なものです。アンドロイドでは、レイアウトからXMLスタイルシートを分けることができるので、どこでも再利用でき、UIデザイン変更のために簡単に編集できます。

iOS xcodeでも可能ですか？どうすればいいですか（コントローラーではない場合は好きですか？）ライブラリが必要ですか？そのための良い図書館は何ですか？

ありがとうございました。

Answer 1

あなたはUICategoryその目的のためのUIViewのクラスを使用することができます。 borders、border colors、bazier-paths、cornerradiusなど多くの異なるメソッドを作成します。これはほんのわずかです。カテゴリはUIViewのものなので、buttons、lables、textview、texteditsなどで使用できます。

のUIView + category.h

@interface UIView (category) 
-(void)makeToRoundEdgeWithBorder:(CGFloat)borderwidth bordecolor:(UIColor *)color; 

@end 

のUIView + category.m

@implementation UIView (category) 

-(void)makeToRoundEdgeWithBorder:(CGFloat)borderwidth bordecolor:(UIColor *)color 
{ 
    NSLog(@"height %f width %f",CGRectGetHeight(self.frame),CGRectGetWidth(self.frame)); 
    self.layer.cornerRadius=CGRectGetHeight(self.frame)/2; 
    self.layer.masksToBounds=YES; 
    self.layer.borderColor=[color CGColor]; 
    self.layer.borderWidth=borderwidth; 
} 

@end 

は、それが

[yourlable makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f]; 

[yourbutton makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f]; 

[yourTextview makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f]; 

[yourTextfield makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f]; 

Answer 2

Classyを使用すると、よりCSSのような方法でUIのスタイルを定義できます。これは、人々によって使用され維持されてWire

Answer 3

あなたはまた、使用しているはずですUIAppearanceに入力します。これは、スタイリングを一度しか設定しないほとんどのUI要素で使用できるデザインプロキシです。

Answer 4

enumを使用して独自のスタイルを作成できます。

enum Styles { 
    enum Labels { 
     case Standard 
     case LargeText 

     func style(label: UILabel) { 
      switch self { 
      case .Standard: 
       label.font = UIFont.systemFontOfSize(12) 
      case .LargeText: 
       label.font = UIFont.systemFontOfSize(18) 
      } 
     } 
    } 

    enum Buttons { 
     case RedButton 

     func style(button: UIButton) { 
      switch self { 
      case .RedButton: 
       button.setTitleColor(UIColor.redColor(), forState: UIControlState.Normal) 
      } 
     } 
    } 
} 

その後、あなたはこのようにそれを使用することができます：

Styles.Labels.Standard.style(yourLabel) 

あなたはまた、あなたが設定しているスタイルのための拡張を行うことができます。

スタイル内の列挙型を置くことによって、あなたが素敵なグループを取得するENUM

extension UILabel { 
    func style(style: Styles.Labels) { 
     style.style(self) 
    } 
} 

extension UIButton { 
    func style(style: Styles.Buttons) { 
     style.style(self) 
    } 
} 

そして、このように拡張機能を使用：

yourLabel.style(.Standard) 
yourButton.style(.RedButton)