通過使用iOS的自動布局，iPad中的按鈕圖像大小不會更改嗎？

Question

我正在嘗試在iPhone和iPad底部中心位置創建按鈕圖像，但是按鈕大小沒有改變iPad。 它僅顯示iPhone尺寸。 請幫助我創建我的方案。 我為通用應用程序使用了不同的按鈕圖像大小。

Answer 1

1. 首先為按鈕指定寬高比，以便根據設備尺寸，按給定的比例增加按鈕的高度和寬度。 按照屏幕截圖給出寬高比。

2. 現在，要使視圖中心的按鈕在容器中水平居中，請參見屏幕截圖。

Answer 2

以上面的圖片為例：

1.我知道你已經做過水平居中查看約束。

2.添加主要約束以進行查看。

3.添加尾隨約束以查看。

4.添加底部空間約束以進行查看。

5.到目前為止，請勿設置任何高度和寬度。

現在運行它，您將獲得確切的要求...。

希望這個能對您有所幫助..

Answer 3

您必須基於percentage(%)添加約束，以便按鈕圖像可以根據device （iPhone / iPad） screen size 。

按鈕上的StoryBoard約束

Step 1. Drag button and place it on its proper position.

Step 2. Now Add constraint Horizontal Center in Container.

Step 2. Now Add Bottom Pin constraint.

Step 3. Add constraint Equal Width and Equal Height.

Step 4. Now update multiplier of Equal Width constraint and Equal Height.

通過使用KVConstraintExtensionsMaster以編程方式更新iPad上的約束。

- (void)viewDidLoad
{
    [super viewDidLoad];

    /* preparing View Hierarchy */
    UIButton *button = [UIButton prepareNewViewForAutoLayout];
    [self.view addSubview:button];

    /* applying constraints */
    [button applyConstraintForHorizontallyCenterInSuperview];
    [button applyBottomPinConstraintToSuperviewWithPadding:defualtConstant];

    [button applyWidthConstraint:280]; // fixed width for iphone
    [button applyHeightConstrain:40]; // fixed height for iphone

    // update width constraint with proper iPad ratio
    [button updateAppliedConstraintConstantValueForIpadByAttribute:NSLayoutAttributeWidth];

    // update height constraint with proper iPad ratio
    [button updateAppliedConstraintConstantValueForIpadByAttribute:NSLayoutAttributeHeight];
    /*
     // update Height constraints at any specific ratio on iPad
     if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) {
        [button updateAppliedConstraintConstantValueByAttribute:NSLayoutAttributeHeight withConstantRatio:1.8];
     }
     */
}