iOS UIImageView 圓形

眾所周知， UIImageView 在drawrect方法中是不走的，也就是繼承UIImageView的子控件，無法在drawrect方法中重新繪制，因?yàn)樵摲椒ㄊ鞘У摹?/p>

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括秀峰網(wǎng)站建設(shè)、秀峰網(wǎng)站制作、秀峰網(wǎng)頁制作以及秀峰網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，秀峰網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到秀峰省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

- (void)drawRect:(CGRect)rect {

// Drawing code

CGFloatwidth =CGRectGetWidth(rect);

CGFloatheight =CGRectGetHeight(rect);

CGFloatradius = widthheight?height/2.0:width/2.0;

CGMutablePathRef path = CGPathCreateMutable();

CGPathAddArc(path,NULL, width/2.0, height/2.0, radius,0,2*M_PI,YES);

CAShapeLayer *maskLayer = [CAShapeLayer layer];

maskLayer.frame= rect;

maskLayer.path= path;

self.layer.mask= maskLayer;

}

那么怎樣才能讓UIImageview繪制出圓形呢？需要讓他走繪制的方法，如果不能走drawrect，那么采用他還會(huì)走什么方法呢？答案是layoutSubviews, 把方法寫在layoutSubviews里面即可。

#import "HZRoundImageView.h"

@implementationHZRoundImageView

- (instancetype)initWithFrame:(CGRect)frame {

if(self= [superinitWithFrame:frame]) {

}

return self;

}

- (void)layoutSubviews {

CGRectrect =self.bounds;

// Drawing code

CGFloatwidth =CGRectGetWidth(rect);

CGFloatheight =CGRectGetHeight(rect);

CGFloatradius = widthheight?height/2.0:width/2.0;

CGMutablePathRef path = CGPathCreateMutable();

CGPathAddArc(path,NULL, width/2.0, height/2.0, radius,0,2*M_PI,YES);

CAShapeLayer *maskLayer = [CAShapeLayer layer];

maskLayer.frame= rect;

maskLayer.path= path;

self.layer.mask= maskLayer;

}

然后在其他地方調(diào)用, 無論是使用initWithFrame方法還是autolayout都可以變成圓形。

調(diào)用一個(gè)例子如下:

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

[self initUI];

}

- (void)initUI {

HZRoundImageView *imageView = [[HZRoundImageView alloc]initWithFrame:CGRectMake(100,100,100,150)];

[self.view addSubview:imageView];

[imageView setBackgroundColor:[UIColor greenColor]];

[imageView setImage:[UIImageimageNamed:@"bbs_item0"]];

imageView.layer.masksToBounds=YES;

[imageView mas_makeConstraints:^(MASConstraintMaker*make) {

? ? make.center.equalTo(self.view);

? ? make.width.equalTo(self.view).multipliedBy(0.8);

? ? make.height.equalTo(self.view).multipliedBy(0.8);

}];

}

效果如上圖。

ios中catransition怎么實(shí)現(xiàn)動(dòng)畫圓形翻轉(zhuǎn)

ios中catransition實(shí)現(xiàn)動(dòng)畫圓形翻轉(zhuǎn)程序：

#define kDegreesToRadian(x) (M_PI * (x) / 180.0 )

#define kRadianToDegrees(radian) (radian* 180.0 )/(M_PI)

- ( void )viewDidLoad

{

[ super viewDidLoad ];

self . title = @" 測(cè)試動(dòng)畫 " ;

self . view . backgroundColor = [ UIColorlightGrayColor ];

myTest1 = [[ UILabelalloc ] initWithFrame : CGRectMake ( 10 , 100 , 60 , 40 )];

myTest1 . backgroundColor = [ UIColorblueColor ];

myTest1 . textAlignment = NSTextAlignmentCenter ;

myTest1 . text = @" “ ;

myTest1 . textColor = [ UIColorwhiteColor ];

[ self . viewaddSubview : myTest1 ];

[myTest1.layer addAnimation:[self keyframeAnimation:myPah durTimes:5 Rep:MAXFLOAT] forKey:nil];

iOS是由蘋果公司開發(fā)的移動(dòng)操作系統(tǒng) 。蘋果公司最早于2007年1月9日的Macworld大會(huì)上公布這個(gè)系統(tǒng)，最初是設(shè)計(jì)給iPhone使用的，后來陸續(xù)套用到iPod touch、iPad以及Apple TV等產(chǎn)品上。iOS與蘋果的Mac OS X操作系統(tǒng)一樣，屬于類Unix的商業(yè)操作系統(tǒng)。原本這個(gè)系統(tǒng)名為iPhone OS，因?yàn)閕Pad，iPhone，iPod touch都使用iPhone OS，所以2010WWDC大會(huì)上宣布改名為iOS（iOS為美國(guó)Cisco公司網(wǎng)絡(luò)設(shè)備操作系統(tǒng)注冊(cè)商標(biāo)，蘋果改名已獲得Cisco公司授權(quán)）。

iOS怎么動(dòng)畫實(shí)現(xiàn)view直角轉(zhuǎn)圓角

第一種方法:通過設(shè)置layer的屬性最簡(jiǎn)單的一種,但是很影響性能,一般在正常的開發(fā)中使用很少.pre t="code" l="cpp"UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];

//只需要設(shè)置layer層的兩個(gè)屬性

//設(shè)置圓角

imageView.layer.cornerRadius = imageView.frame.size.width / 2;

//將多余的部分切掉

imageView.layer.masksToBounds = YES;

[self.view addSubview:imageView];第二種方法:使用貝塞爾曲線UIBezierPath和Core Graphics框架畫出一個(gè)圓角pre t="code" l="cpp"UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];

imageView.image = [UIImage imageNamed:@"1"];

//開始對(duì)imageView進(jìn)行畫圖

UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, [UIScreen mainScreen].scale);

//使用貝塞爾曲線畫出一個(gè)圓形圖

[[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];

[imageView drawRect:imageView.bounds];

imageView.image = UIGraphicsGetImageFromCurrentImageContext();

//結(jié)束畫圖

UIGraphicsEndImageContext();

[self.view addSubview:imageView];第三種方法:使用CAShapeLayer和UIBezierPath設(shè)置圓角

首先需要導(dǎo)入AVFoundation/AVFoundation.h

pre t="code" l="cpp"#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];

imageView.image = [UIImage imageNamed:@"1"];

UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:imageView.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:imageView.bounds.size];

CAShapeLayer *maskLayer = [[CAShapeLayer alloc]init];

//設(shè)置大小

maskLayer.frame = imageView.bounds;

//設(shè)置圖形樣子

maskLayer.path = maskPath.CGPath;

imageView.layer.mask = maskLayer;

[self.view addSubview:imageView];

}

這三種方法中第三種最好，對(duì)內(nèi)存的消耗最少啊，而且渲染快速

ios開發(fā)中怎樣實(shí)現(xiàn)android共享視圖元素的切換動(dòng)畫

具體實(shí)現(xiàn)步驟：

實(shí)現(xiàn)共享元素

首先要在 AndroidManifest.xml 中為需要這種動(dòng)畫的 Activity 開啟這個(gè)功能，為此為這里為其寫了一個(gè)style，注意要放在values-v21的style.xml文件里面。

實(shí)現(xiàn)補(bǔ)間動(dòng)畫效果

上面的步驟其實(shí)就可以實(shí)現(xiàn)共享元素的效果了，那么下面在加上補(bǔ)間動(dòng)畫和圓形縮放動(dòng)畫讓整體的效果更好。實(shí)現(xiàn)補(bǔ)間動(dòng)畫很簡(jiǎn)單（這邊使用的是漸變的效果）。

整體效果的實(shí)現(xiàn)也使用了AppBarLayout，CollapsingToolbarLayout，Toolbar等一些控件進(jìn)行實(shí)現(xiàn)。

iOS 制作個(gè)圓形進(jìn)度條

1.需要做個(gè)這樣的圓形進(jìn)度條

自定義彈窗view就不說了，主要是這個(gè)圓形進(jìn)度view,底色是灰色然后有進(jìn)度灰色被黑色覆蓋或者說變成黑色

首先我們自定一個(gè)view,加個(gè)uilabel做進(jìn)度lbael @property ( nonatomic , strong ) UILabel *percentLabel; //數(shù)字進(jìn)度label

進(jìn)度條進(jìn)度改變的方法 - ( void )drawprogress:( CGFloat )progress;

環(huán)行進(jìn)度條用calayer來做

iOS 動(dòng)畫方法內(nèi)容整理

動(dòng)畫在UI交互中是一種增強(qiáng)用戶體驗(yàn)的利器，目前看到幾乎每一個(gè)移動(dòng)App都會(huì)使用到各種動(dòng)畫效果。

在IOS開發(fā)中實(shí)現(xiàn)動(dòng)畫效果通常有三種方式。

可以用來做什么呢：

設(shè)置UIView的屬性:例如

frame

bounds

center

transform

alpha

backgroundColor

contentStretch

看一下實(shí)例：

我們可以看到self.greenView通過UIView Animation動(dòng)畫將某些屬性進(jìn)行了改變。

現(xiàn)在我們適當(dāng)?shù)募尤胍恍﹦?dòng)畫執(zhí)行的方式【options】

在開發(fā)中可以添加特定的options滿足不同的動(dòng)畫需要。

彈簧效果：

CABasicAnimation 為layer屬性提供了基礎(chǔ)的幀動(dòng)畫能力，創(chuàng)建一個(gè)CABasicAnimation的實(shí)例，使用繼承自CAPropertyAnimation的animationWithKeyPath:方法，來指定要添加動(dòng)畫的layer屬性的keypath

讓一個(gè)view向左平移，在x方向上從屏幕x中間線型移動(dòng)到左邊消失，耗時(shí)1.5秒的動(dòng)畫

KeyPath的改變動(dòng)畫的效果就不一樣，開發(fā)中改變KeyPath的屬性可以實(shí)現(xiàn)大多數(shù)我們需要的動(dòng)畫執(zhí)行的效果

用CABasicAnimation執(zhí)行動(dòng)畫，在動(dòng)畫結(jié)束后會(huì)回歸動(dòng)畫開始前的狀態(tài)。想要解決的話，必須設(shè)置“removedOnCompletion”和“fillMode”這兩個(gè)屬性。

由于在開發(fā)過程中光是CABasicAnimation的fromValue、toValue起點(diǎn)和終點(diǎn)設(shè)置是無法滿足我們希望在動(dòng)畫中途進(jìn)行更多的變化的需求，所以我們需要認(rèn)識(shí)一下CAKeyframeAnimation

從上面的繼承圖我們看出CAKeyframeAnimation 比CABasicAnimation多了更多的可設(shè)置屬性

關(guān)鍵幀動(dòng)畫其實(shí)通過一組動(dòng)畫類型的值（或者一個(gè)指定的路徑）和這些值對(duì)應(yīng)的時(shí)間節(jié)點(diǎn)以及各時(shí)間節(jié)點(diǎn)的過渡方式來控制顯示的動(dòng)畫。關(guān)鍵幀動(dòng)畫可以通過path屬性和values屬性來設(shè)置動(dòng)畫的關(guān)鍵幀。

可以保存一組動(dòng)畫CAKeyframeAnimation、CABasicAnimation對(duì)象，將CAAnimationGroup對(duì)象加入圖層后，組中所有動(dòng)畫對(duì)象可以同時(shí)并發(fā)運(yùn)行。

注意：默認(rèn)情況下，一組動(dòng)畫對(duì)象是同時(shí)運(yùn)行的，也可以通過設(shè)置單個(gè)動(dòng)畫對(duì)象的beginTime屬性來更改動(dòng)畫的開始時(shí)間，單個(gè)動(dòng)畫的執(zhí)行效果可以與動(dòng)畫組執(zhí)行效果屬性分開設(shè)定，根據(jù)需要調(diào)整改變。

文章名稱：ios開發(fā)圓形動(dòng)畫,ios 動(dòng)畫實(shí)現(xiàn)幾種方式
文章URL：http://aaarwkj.com/article36/dsspcsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、、網(wǎng)站收錄、關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)