縮放UIView不是從中心，而是從右下角使用CATransform3DScale

我想縮放（縮小）基於滾動的個人資料圖片。但是，最重要的是，我想不是從中心點而是從右下角進行縮放。意味着，右下角角應該被固定和形象應該從左側和頂部邊緣收縮，如圖中的圖像：縮放UIView不是從中心，而是從右下角使用CATransform3DScale

————————————————— 
|    | 
| ———————————-  
| |   | 
| |   | 
| |  —————| 
| |  | | 
| |  | | 
—————————————————

下面是我在做什麼。資料圖片被命名爲imgVwProfilePic：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView 
{ 
    CGFloat offset = scrollView.contentOffset.y; 
    CATransform3D avatarTransform = CATransform3DIdentity; 
    CATransform3D headerTransform = CATransform3DIdentity; 

    viewHeader.alpha = 1.0; 

    // PULL DOWN ----------------- 

    if(offset < 0) 
    { 
     CGFloat headerScaleFactor = -(offset)/CGRectGetHeight(viewHeader.bounds); 
     int headerSizevariation = ((CGRectGetHeight(viewHeader.bounds) * (1.0 + headerScaleFactor)) - CGRectGetHeight(viewHeader.bounds))/2.0; 
     headerTransform = CATransform3DTranslate(headerTransform, 0, headerSizevariation, 0); 
     headerTransform = CATransform3DScale(headerTransform, 1.0 + headerScaleFactor, 1.0 + headerScaleFactor, 0); 

     viewHeader.layer.transform = headerTransform; 
    } 

    // SCROLL UP/DOWN ------------ 

    else 
    { 
     CGFloat offset_HeaderStop = viewHeader.frame.size.height; 
     headerTransform = CATransform3DTranslate(headerTransform, 0, MAX(-offset_HeaderStop, -offset), 0); 

     float avatarScaleFactor = (MIN(offset_HeaderStop, offset))/CGRectGetHeight(imgVwProfilePic.bounds)/3.8; //1.4// Slow down the animation 
     float avatarSizeVariation = ((CGRectGetHeight(imgVwProfilePic.bounds) * (1.0 + avatarScaleFactor)) - CGRectGetHeight(imgVwProfilePic.bounds))/2.0; 

     avatarTransform = CATransform3DTranslate(avatarTransform, 0, avatarSizeVariation, 0); 
     avatarTransform = CATransform3DScale(avatarTransform, 1.0 - avatarScaleFactor, 1.0 - avatarScaleFactor, 0); 

     if(offset <= offset_HeaderStop){ 
      if(imgVwProfilePic.layer.zPosition < viewHeader.layer.zPosition){ 
       viewHeader.layer.zPosition = 0; 
      } 
     } 

     else { 
      if (imgVwProfilePic.layer.zPosition >= viewHeader.layer.zPosition){ 
       viewHeader.layer.zPosition = 2; 
      } 
     } 
    } 

    // Apply Transformations 
    viewHeader.layer.transform = headerTransform; 
    imgVwProfilePic.layer.transform = avatarTransform; 
}

現在，我才知道，我必須設置錨點該圖像視圖。但我不知道我會在哪裏設置它。我將它設置爲viewDidLoad，但它會更改該圖像視圖的原始幀。

- (void)viewDidLoad 
{ 
    imgVwProfilePic.layer.anchorPoint = CGPointMake(1, 1); // 1,1 for bottom right corner... 
}

請給我一些指導。

在此先感謝！

來源

2015-06-16 NSPratik

你是對的，你必須設置錨定位置（IIRC是一對標量在[0.0,1.0]範圍內的中心的相對-X和相對-Y位置）。

之後，圖層的「位置」屬性（以及擴展視圖的原點）將爲w.r.t.該錨點的位置，所以你將不得不重新調整幀。你可以嘗試重寫

- (void) setFrame:(CGRect)frame { 
    CGPoint center = CGPointMake (frame.origin.x+0.5*frame.size.width , frame.origin.y+0.5*frame.size.height) ; 
    viewHeader.layer.position = center ; 
    CGRect bounds = CGRectMake (0,0 , frame.size.width,frame.size.height) ; 
    viewHeader.layer.bounds = bounds ; 
}

並且讓它處理這件事。

來源

2015-06-16 14:19:26 iAdjunct

但我會在哪裏調用'setFrame'方法？ – NSPratik

任何你想要的。 – iAdjunct

'imgVwProfilePic.layer.anchorPoint = CGPointMake（1，1）; imgVwProfilePic.layer.transform = avatarTransform; [imgVwProfilePic setFrame：imgVwProfilePic.frame];' – NSPratik

縮放UIView不是從中心，而是從右下角使用CATransform3DScale

回答

相關問題