iOS StoryBoard自適應佈局 – iPhone手機開發 iPhone軟體開發教學課程

通用的Storyboard

通用的stroyboard文件是通向自適應佈局光明大道的第一步。在一個storyboard文件中適配iPad和iPhone的佈局在iOS8中已不再是夢想。我們不必再為不同尺寸的Apple移動設備創建不同的storyboard文件,不用再苦逼的同步若幹個storyboard[......]

Read more

自定義流水佈局(UICollectionViewFlowLayout的基本使用) – iPhone手機開發 iPhone軟體開發教學課程

最終顯示的效果圖

思路:

1、UICollection的基本設置,並且創建一個繼承自UICollectionViewFlowLayout的類。(不能是UICollectionViewLayout,否則全部都需要自定義)

2、在UICollectionViewFlowLayout類中完成四步

  -[……]

Read more

自定義UICollectionView佈局 – iPhone手機開發 iPhone軟體開發教學課程

一直以來想學習怎麼樣去自定義UICollectionViewLayout,但總是感覺太難,一直以來,都是看瞭一點點就放棄瞭。但其實任何事,隻要去做瞭,就會發現,其實遠沒有想像的那麼難。所以以後我遇事也要多動手。

廢話說在前面

我之前嘗試過去寫這樣一個關卡選擇的功能,但是總是寫不出來,後來同事用一個U[……]

Read more

iOS 自動佈局框架 – Masonry 詳解 – iPhone手機開發 iPhone軟體開發教學課程

Masonry介紹

這篇文章隻是簡單介紹Masonry,以及Masonry的使用,並且會舉一些例子出來。但並不會涉及到Masonry的內部實現,以後會專門寫篇文章來介紹其內部實現原理,包括順便講一下鏈式語法。

什麼是Masonry

Masonry是一個對系統NSLayoutConstraint進行封[……]

Read more

iOS 11 自適應佈局教程: 開始 – iPhone手機開發 iPhone軟體開發教學課程

iOS 11 自適應佈局教程: 開始,對於 iOS app 設計人員來說,自適應佈局的出現導致瞭巨大的變化。在設計你的 app,你現在隻需要創建一個佈局就能在所有設備上運行——不需要添加復雜的平臺相關代碼!

本教程介紹自適應佈局。你會學習 universal 故事板、size[……]

Read more

iphoneX佈局適配及軟件適配iOS 11.0系統的教程 – iPhone手機開發 iPhone軟體開發教學課程

一,想必大多開發者將自己的項目跑到iPhoneX模擬器上後,會出現各種異常,包括界面佈局的變化,根據自己遇到的情況主要說下面兩點大傢肯定需要修改的:

(1),啟動頁不是全屏的,(如圖)

這裡寫圖片描述

解決辦法:

如果使用的是LaunchImage方式啟動圖的話,直接在iOS8.0 and later 下面p[……]

Read more

iOS一套代碼適配所有iPhone手機佈局實現方案 – iPhone手機開發 iPhone軟體開發教學課程

iOS一套代碼適配所有iPhone手機佈局實現方案

本文主要是講述一套代碼適配所有iPhone手機佈局解決方案。要點是瞭解原理和思想。

多個項目采用瞭這種佈局方式,感覺良好,實際情況還是要看看你們UI能不能接受這種方式

主要思想就是畫面根據屏幕的尺寸動態的改變所有控件尺寸的大[……]

Read more

在iOS 11上出現scrollview佈局往下偏移問題 – iPhone手機開發 iPhone軟體開發教學課程

在iOS 11上出現scrollview佈局往下偏移問題

//
//  ViewController.m
//

#import "ViewController.h"
@interface ViewController ()
@property (nonatomic,stron[......]

Read more

iOS:自動佈局 – iPhone手機開發 iPhone軟體開發教學課程

自動佈局是一項強大的功能,它允許開發者創建一個單一的用戶界面,它會自動調整屏幕大小,方向和本地化,Xcode5中的編輯界面的自動佈局功能已經大大增強瞭。當約束缺失或錯誤配置時,界面生成器可以修復佈局。[……]

Read more

iOS 9 Auto Layout界面自動佈局系列6-自適應佈局 – iPhone手機開發 iPhone軟體開發教學課程

設計MM小尹:“小李,郵件裡是我們設計的用戶登錄界面初稿,請你看一下技術上有沒有什麼問題。”
程序猿小李:“好的,我看一下。”
小李打開郵件,看到界面設計初稿為:

這裡寫圖片描述vcnovMa45dauuvOjrNChwO7ItLe4wcvE0aGj0vLOqsno[……]

Read more

iOS自適應佈局之Masonry(一) – iPhone手機開發 iPhone軟體開發教學課程

前言

iPhone 5之前我們對應用佈局停留在3.5寸一個屏幕的階段,當時的安卓屌絲們是多麼的羨慕iOS開發,不會被大量的屏幕適配所煩惱。隨著iPhone產品的迭代,逐漸出現4寸、4.7寸、5.5寸….,你們說,iphone10+會有多少寸?O(∩_∩)O~

簡介

正因[……]

Read more

響應式佈局jQuery插件Freetile.js

響應式佈局jQuery插件Freetile.js。

我們曾經介紹過倆款知名的響應式佈局插:isotope和masonary,今天我們這裡再介紹一款相當不錯的響應式佈局插件 –Freetile.js,使用它同樣可以生成超酷的動態佈局效果。相信大傢一定會喜歡!

主要特性

Freetie來自[……]

Read more

[iOS開發]屏幕適配三:Xcode7使用Autolayout拖拽佈局基礎(2) – iPhone手機開發 iPhone軟體開發教學課程

參照iOS7Autolayout佈局基礎二現在在Xcode7中來實現一下它的最終的效果圖。

效果圖如下:

 

新建一個Stroyboard拖出來一個Viewcontroller文件,並創建相應的Controller管理類進行綁定:

實現步驟一:通過觀察可以發現,最終要實現的效果的界面實[……]

Read more

iOS-setNeedsLayout等佈局方法 – iPhone手機開發 iPhone軟體開發教學課程

列舉下iOS layout的相關方法:

layoutSubviews
layoutIfNeeded
setNeedsLayout
setNeedsDisplay
drawRect
sizeThatFits
sizeToFit
大概常用的上面幾個 , 具體的應該還有別的。

layoutSubviews[……]

Read more

React Native——flex佈局 – iPhone手機開發 iPhone軟體開發教學課程

flex佈局基本概念

  flex是Flexible Box的縮寫,意為”彈性佈局”,用來為盒狀模型提供最大的靈活性。采用flex佈局的元素,稱為flex容器(flex container),簡稱”容器”。它的所有子元素自動成為容器成員,稱為flex項[……]

Read more

UI自動佈局 – iPhone手機開發 iPhone軟體開發教學課程

當內部或外部條件發生變化的時候,自動重新計算視圖的位置和大小。

對於ios應用,可以觸發自動佈局的變化可以分為外部變化和內部變化:
外部的變化可以是設備的方向改變,ipad的分屏,不同尺寸的屏幕等。
內部的變化可以是內容的變化(加載不同的圖片等),應用支持動態類型(允許用戶修改視圖),國際化(添加[……]

Read more

iOS學習筆記36-Masonry自動佈局 – iPhone手機開發 iPhone軟體開發教學課程

一、Masonry介紹

之前我們在屏幕適配的章節中學習過AutoLayout的使用,但那都是在可視化界面上進行添加約束完成的,我們很多時候都需要在代碼中使用AutoLayout約束,蘋果也為我們提供瞭實現,使用NSLayoutConstraint類表示約束,但使用起來比較復雜,代碼量比較大,例如創建[……]

Read more

iOS中Xcode使用UIScrollView+AutoLayout輕松實現滾動佈局 – iPhone手機開發 iPhone軟體開發教學課程

對於一些屏幕尺寸比較小的手機,或者內容很長,一屏幕顯示不瞭的情況,我們通常可以用手指往上滑的方法瀏覽底部內容,如果不是用ListView或者UITableView去實現的話,我們就需要自己實現滾動佈局。

Android實現

在Android平臺上,用XML文件很容易實現滾動佈局,需要註意的是,Scr[……]

Read more

使用Autolayout實現UITableView的Cell動態佈局和高度動態改變 – iPhone手機開發 iPhone軟體開發教學課程

有人在stackoverflow上問瞭一個問題:

如何在UITableViewCell中使用Autolayout來實現Cell的內容和子視圖自動計算行高,並且能夠保持平滑滾動的?

這個問題得到瞭300+的支持和450+的收藏,答案得到瞭730+的支持,很詳細的說明瞭如何在iOS7和iOS8上[……]

Read more