1. 程式人生 > >masonry 四個控制元件縱向對齊===關鍵點是 centerX是要對齊的

masonry 四個控制元件縱向對齊===關鍵點是 centerX是要對齊的

 
 #pragma mark 新增錄音view
-(void)addRecord{
    
    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(10, [[UIScreen mainScreen] bounds].size.height - 130 , [[UIScreen mainScreen]bounds].size.width -20, [[UIScreen mainScreen] bounds].size.height)];
    
    view.backgroundColor = [UIColor  colorWithRed:153/255.0 green:153/255.0 blue:153/255.0 alpha:0.6];
    
    
    //取消錄音
    UIButton *btnCancle = [[UIButton alloc]init];
    [btnCancle setTitle:@"取消" forState:UIControlStateNormal];
    [btnCancle addTarget:self action:@selector(cancleRecord) forControlEvents:UIControlEventTouchUpInside];
    [view addSubview:btnCancle];
    [btnCancle mas_makeConstraints:^(MASConstraintMaker *make) {
        make.width.mas_equalTo(80);
        make.height.mas_equalTo(40);
        make.left.mas_equalTo(10);
        make.top.mas_equalTo(10);
    }];
    

    //確定錄音
    UIButton *btnOK = [[UIButton alloc]init];
    [btnOK setTitle:@"完成" forState:UIControlStateNormal];
    [btnOK addTarget:self action:@selector(recordOk) forControlEvents:UIControlEventTouchUpInside];
    
    [view addSubview:btnOK];
    [btnOK mas_makeConstraints:^(MASConstraintMaker *make){
        make.width.mas_equalTo(80);
        make.height.mas_equalTo(40);
        make.top.equalTo(view).with.offset(10);
        make.right.equalTo(view).with.offset(-10);
    }];
    
    
    //錄音imageview
    UIImageView *recordImageView = [[UIImageView alloc]init];
    recordImageView.image = [UIImage imageNamed:@"RecordluIco"];
    [view addSubview:recordImageView];
    [recordImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.mas_equalTo(view);
        make.top.mas_equalTo(60);
        make.width.mas_equalTo(30);
        make.height.mas_equalTo(30);
        
    }];
    
    //顯示時間的button
    UIButton *btnTime = [[UIButton alloc]init];
    self.btnTime = btnTime;
    [btnTime setTitle:@"00:00:00" forState:UIControlStateNormal];
    [view addSubview:btnTime];
    [btnTime mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(view);
        make.top.mas_equalTo(recordImageView.mas_bottom).with.offset(10);
        make.height.mas_equalTo(30);
        make.width.mas_equalTo(100);
    }];
    
    UIImageView *imageViewStart = [[UIImageView alloc]init];
    imageViewStart.image =[UIImage imageNamed:@"RecordlyTime"];
    [view addSubview:imageViewStart];
    [imageViewStart mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(view);
        make.top.mas_equalTo(btnTime.mas_bottom).with.offset(10);
        make.width.mas_equalTo(30);
        make.height.mas_equalTo(30);
        
    }];
    
    UIButton *btnStart = [[UIButton alloc]init];
    self.btnStartRecord = btnStart;
    [btnStart setTitle:@"開始錄音" forState:UIControlStateNormal];
    [btnStart addTarget:self action:@selector(startRecord) forControlEvents:UIControlEventTouchUpInside];
    [view addSubview:btnStart];
    [btnStart mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.mas_equalTo(view);
        make.top.mas_equalTo(imageViewStart.mas_bottom).with.offset(10);
        make.height.mas_equalTo(30);
        make.width.mas_equalTo(100);
        
    }];
    
    [self.view addSubview:view];
    
    self.recordView = view;
}

相關推薦

masonry 控制元件縱向===關鍵點centerX

  #pragma mark 新增錄音view -(void)addRecord{ UIView *view = [[UIView alloc]initWithFrame:CGRectMake(10, [[UIScreen mainScreen] boun

Masonry控制元件的等間隔排序顯示

多個(2個以上)控制元件的等間隔排序顯示 首先介紹2個函式 /** * axisType 軸線方向 * fixedSpacing 間隔大小 *

安卓控制元件文字加下劃線的使用

在xml檔案中使用android:textStyle="bold" 可以將英文設定成粗體,但是不能將中文設定成粗體,將中文設定成粗體的方法是:TextView tv = (TextView)findViewById(R.id.TextView01);TextPaint tp

IOS開發學習筆記十 UITableView控制元件實現ListView的效果

效果圖:專案地址 ViewController對應的程式碼: #import "ViewController.h" #import "CZHero.h" @interface ViewController () <UITableViewDataSource, UIT

xib中多控制元件如何讓他們平分螢幕的寬度

實際開發中,使用xib的時候,我們想讓多個內部控制元件相等,如何處理那? 建立一個xib,裡面拖進來三個bin,123 1.先給btn1設定約束

BootStrap讓兩控制元件在一行顯示(label和input同行)

1 、新增class=“form-inline” <div class="row"> <div> <label class="form-inline" />參加單位:

C# DataGridView單元格中動態新增多控制元件

簡介:          在DataGridView的單元格中動態新增多個控制元件。例如在DataGridViewTextBox單元格中,新增CheckBox和Button控制元件。主題思路就是一個動態控制元件的大小,位置,顯示,事件設定,和平常

wpf怎麼繫結多值,多控制元件

最近有不少wpf新手問wpf的命令怎麼繫結多個控制元件,很多人為此絞盡腦汁,網上的答案找了也沒找到靠譜的,其實用MultiBinding就可以了。從.net 3.0版本開始,就支援MultiBinding 關於MultiBinding的說明: https://docs.microsoft.com/zh-c

IOS各個控制元件的尺寸、隱藏方法及檢視佈局的影響

一、常識 我們都知道裝置及裝置上面控制元件的尺寸對於介面的佈局美觀有很大的影響。所以關於裝置尺寸方面的常識是必備的。可以記不住但是用到的時候至少要能夠找到它 。所以今天給大家彙總一下相關的要點,以備日後不時之需。 (一)裝置尺寸 裝置              解析度  

iOS在xib下約束前後兩控制元件的寬度

先看需求:兩個Label,要求藍色的label緊跟在紅色的label文字後面 ok首選正常新增約束 紅色的Label新增寬度,高度,左邊,上邊約束  藍色的Label新增寬度,高度,左邊,和紅色的水平對齊(圖片省略)下面是最關鍵的步驟下面是最關鍵的步驟下面是最關鍵的步驟(重要

listview中多控制元件新增靜態陣列

最終效果如下圖所示:                 具體步驟: 一  建立activity.xml和item_layout.xml佈局檔案 二   建立資料來源格式類Card 三 配置介面卡CardAdapter 在修改getview方法中:首先要為資料定

子線性佈局中使兩控制元件在同一排顯示的方法

   <LinearLayout              android:layout_width="match_parent"             android:layout_height="wrap_content"             android:orientation="hori

Qt學習控制元件一:按鈕、標籤、單行文字、多行文字

這是第一波控制元件 其中qtButton.h #ifndef QTBUTTON_H #define QTBUTTON_H #include <QtWidgets/QMainWindow>

解決問題--VS2012中一個Panel覆蓋另一個Panel時拖動時容易造成兩控制元件成父子關係的避免

在*.Designer.cs中,假如想把panel1覆蓋到panel2上,但是VS自動讓panel1成為panel2的子控制元件了,在檔案中會有this.panel2.Controls.Add(this.panel1). 解決方法:註釋此行,並且新增this.Control

相對佈局中只有兩控制元件,一個居中View1,另外一個在View1的左邊的方法

    <RelativeLayout         android:id="@+id/top"         android:layout_width="match_parent"         android:layout_height="40dp"    

iOS masonry動態約束控制元件位置

#import "FourViewController.h" #import "View+MASAdditions.h" #import "FiveViewControllerr.h" #define WS(weakSelf)  __weak __typeof(&

WPF控制元件學習系列之---WrapPanel控制元件

Wrap Panel Introduction介紹 The wrap panel is similar to the StackPanel but it does not just stack all child elements to one row, it wraps

你討厭寫selector背景了嗎?手摸手教你封裝控制元件

前段時間專案裡要寫好幾個按下去狀態變化的button, 於是在drawable資料夾裡寫了一堆檔案, 想想好煩啊, 也是浪費時間,搞了一堆檔案,還要起名,真心煩! 一氣之下, 一勞永逸, 寫一個控制元件,各種屬性程式碼xml配置或者程式碼設定。因此也就有了St

Android--listview中每個item有多控制元件的點選方法

有時候listview中item是由多個控制元件組成的,如果要分別獲取每個元件的點選事件,需要在adapter中getview方法中位每個控制元件設定tag,tag值為position,然後在onclick方法中判斷t

android 多控制元件依次執行動畫

今天讓給側滑選單加動畫,要求是選單每一項從上到下依次向右平移到要顯示的位置,搞了半天沒有搞出來,也沒找到相應的部落格。後來隨手試了試Animation的startoffset屬性,ok了 簡單解釋一下: 佈局 view1 view2 view3 vi