1. 程式人生 > >UIScrollView的常用屬性【UI介面的穿透效果】

UIScrollView的常用屬性【UI介面的穿透效果】

什麼是UIScrollView

UIScrollView是一個能夠滾動的檢視控制元件,可以用來展示大量的內容,並且可以通過滾動檢視所有的內容。

(一)UIScrollView的使用方法

  • 將需要展示的內容新增到UIScrollView中。
  • 設定UIScrollView的contentSize屬性,告訴UIScrollView所有內容的尺寸,也就是告訴它滾動的範圍。
  • 無法滾動檢查
    以上步驟即可,如果控制元件依然無法滾動,檢查下面兩個屬性是否被禁用
    • 1、self.scrollView.scrollEnabled;
    • 2、self.scrollView.userInteractionEnabled
    • 3、沒有取消autolayout功能(要想scrollView滾動,必須取消autolayout)

(二)UIScrollView的常用屬性

  • @property(nonatomic) CGSize contentSize;
  • @property(nonatomic) CGPoint contentOffset;
  • @property(nonatomic) UIEdgeInsets contentInset;

具體應用

  • @property(nonatomic) CGSize contentSize;
    這個屬性用來表示UIScrollView內容的尺寸,滾動範圍。
#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIImageView *minionView;
//  UIImageView *minionView 新增到 UIScrollView *scrollView
- (IBAction)scroll;
@end

@implementation MJViewController

- (void
)viewDidLoad { [super viewDidLoad]; // 設定scrollView內容的尺寸(滾動的範圍),有以下三種常用方式 // self.scrollView.contentSize = CGSizeMake(<#CGFloat width#>, <#CGFloat height#>); // self.scrollView.contentSize = self.minionView.image.size; self.scrollView.contentSize = self.minionView.frame.size; // 哪個方向不用滾動,哪個方向的CGFloat設定成 0 即可 } @end
  • @property(nonatomic) CGPoint contentOffset;
    這個屬性用來表示UIScrollView滾動的位置
self.scrollView.contentOffset = CGPointMake(<#CGFloat width#>, <#CGFloat height#>);

還可以實現動畫效果,有兩種方式:

1.呼叫自身的方法:

CGPoint offset = self.scrollView.contentOffset;
offset.x += 10;
offset.y += 10;
[self.scrollView setContentOffset:offset animat ed:YES];

2.Blocks實現

[UIView animateWithDuration: <#(NSTimeInterval)#> animations:^{
   self.scrollView.contentOffset = CGPointMake(<#CGFloat width#>, <#CGFloat height#>);
}];
  • @property(nonatomic) UIEdgeInsets contentInset;
    這個屬效能夠在UIScrollView的4周增加額外的滾動區域
self.scrollView.contentInset = UIEdgeInsetsMake(<#CGFloat top#>, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>)

注意

self.scrollView.contentSize // 總體內容的範圍(滾動範圍)
self.scrollView.frame.size  // 可視範圍

上面三個常用的屬性有許多尺寸引數,容易混淆,下面這幅圖包含了三個屬性的所有尺寸引數,幫助理解
這裡寫圖片描述

(三)其他屬性

  • @property(nonatomic) BOOL bounces;
    設定UIScrollView是否需要彈簧效果
  • @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
    設定UIScrollView是否能滾動
  • @property(nonatomic) BOOL showsHorizontalScrollIndicator;
    是否顯示水平滾動條
  • @property(nonatomic) BOOL showsVerticalScrollIndicator;
    是否顯示垂直滾動條

小結

要理解掌握scrollView的三個常用屬性,這三個屬性的巧妙結合應用可以實現UI介面的 穿透效果

相關推薦

UIScrollView常用屬性UI介面穿透效果

什麼是UIScrollView: UIScrollView是一個能夠滾動的檢視控制元件,可以用來展示大量的內容,並且可以通過滾動檢視所有的內容。 (一)UIScrollView的使用方法

android相對布局中控件的常用屬性

ntb thp 水平居中 sid let 相對 layout 矩陣 ins Android布局屬性詳解  RelativeLayout用到的一些重要的屬性:  第一類:屬性值為true或false  android:layout_centerHorizontal 水平居中 

Android UI介面顯示效果——集合(一)

1:UI介面 — 帶圓角的背景樣式在drawable資料夾下新建xml,內容如下 :1> 帶填充色的圓角樣式<?xml    version="1.0"    encoding="utf-8

EditText常用屬性:EditText選取操作

話不多說,直接上碼: activity_main.xml [html] view plain copy print? <ScrollView xmlns:android="http://schemas.android.com/apk/res/andr

WINDBG常用方法紀念客戶端測試

查看 所有 輸入 關鍵字 生成 過程 pac 不一定 ace 浸沒在windows客戶端測試好幾年了,雖然使用過,但是就差一篇總結文章。 前言:windbg大家都很熟悉,它是做windows系統客戶端測試的QA人員很應該掌握的定位程序崩潰原因的工具, 網上也有很多資料,

UI上面播特效

UI:flash -- 載入播放特效UI的長寬 self.flashdb = DrawBoardEx.new(mc_flash._width, mc_flash._height, true) -- 調loadmove方法 UIManager.loadMovie(mc_

django介面自動化1環境搭建

目錄 一、下載python 二、下載pycharm 三、sudo pip install django 四、django-project目錄詳解   cs/__init__.py:一個空的檔案,用它標識一個目錄為 P

django介面自動化4session與cookie

一、views #登陸動作 def login_action(request): if request.method == "POST": username = request

itext學習之路-------(第二篇)設定pdf的一些常用屬性

在上一篇文章中,我們已經成功的建立了一個簡單的pdf,下面我將學習設定該pdf的常用屬性,其中包括:作者,建立時間,pdf建立者,pdf生產者,關鍵字,標題,主題 下面是我們的程式碼,非常簡單。 package cn.tomtocc.pdf; imp

css常用屬性以及動畫效果程式碼

/*css常用效果,直接可以執行,基本包含了大部分樣式使用以及簡單動畫的實現*/ <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>

UI視覺100行程式碼實現微信底部漸變切換效果!!!

1、我們先來看一下要實現的效果 2、我們看到當進行切換頁面的時候,關聯的兩個Tab將會產生過渡效果,接下來我們用最簡單的程式碼去實現 3、思路:在Tab上放置一張為選中時的圖片,再將已經選中的圖片覆蓋在未選中的圖片上,我們來控制選中圖片的透明度來實現漸變。 4、佈局方面:這是單個T

遊戲GUI最近一個版本的UI介面

  1 #pragma once  2   3 #include "Define.h"  4   5 UICORE_NS_BEGIN  6   7 //    UI核心介面的版本號  8 //    0.1.0.0  9 #define    UICORE_VERSION    0x

iOS UIKit-UIScrollView 無法滾動的原因/兩種情況下的彈簧效果

1、沒有設定contentSize或者contentSize的尺寸小於等於該scrollView的尺寸 2、scrollView.enable = NO;(僅僅是讓scrollView不能滾動)3、userInteractionEnable = NO;(scrollView

Android介面實現使用ScrollingTabsView實現有滑動標籤的ViewPager效果

    在前面的文章中,我們使用支援包裡面的PagerTabStrip實現了有滑動標籤的viewPager效果,今天,再給大家介紹另外一種開源專案,來實現類似的效果。     在這篇文章中,我們將使用第三方開源專案ViewPagerExtensions實現。     先看

windows media player 控制元件的常用屬性及方法轉載

RealPlayer的一些函式、方法和過程 這是 Real Player ActiveX Control Library (Version 1.0) 的所有函式與方法,有興趣可以研究一下。 function GetSource: WideString; procedure SetSource(const lp

技法操作UI介面設計教程,用PS繪製計算器頁面

啦啦啦,終於進入大家都非常喜歡的介面教程咯。開不開森?我們常見的介面有很多,例如開啟手機就能看到鎖屏頁面、主題背景、常規應用頁面、app頁面,網站頁面等等等。今天就先從手機上比較簡單的“計算器開啟介面”教起吧。這個是常規的應用頁面,我們手機初始都有的應用啦,非常熟悉,怎麼做呢

Web前端學習筆記CSS3_常用屬性,選擇器,盒子模型

CSS3 A.概述 1.什麼是CSS Cascading Style Sheet 層疊樣式表 2.作用 用來控制網頁元素的展示形式 3.為什麼要用CSS 1)

Android開發使用者介面設計-使用XML和Java程式碼混合控制UI介面

個人資訊 就職: 聚項資訊科技有限公司 職位:中級Java開發工程師 負責:上汽系統開發與維護 院校:河南理工大學 專業:軟體工程12級 郵箱:[email protected] Q Q :10101000101001010111 1101111010

如何使用MFC編寫自定義UI介面附高仿QQ 2014登陸介面範例程式

地址: http://blog.csdn.net/hujkay作者:Jekkay Hu([email protected])關鍵詞:MFC, 編寫異行窗體,自定義UI控制元件,VC++,異形控制元件,高仿QQ登陸介面, 擷取QQ密碼,QQ釣魚時間: 2014/4

HTML常用標籤及其對應的屬性

基本結構標籤: <HTML>,表示該檔案為HTML檔案 <HEAD>,包含檔案的標題,使用的指令碼,樣式定義等 <TITLE>---</TITLE>,包含檔案的標題,標題出現在瀏覽器標題欄中 </HEAD>,&l