Comments (4)
@trustyfrog there are two approaches to animating constraints with Masonry. Theres a couple of examples of both approaches in the example project
1. Using reference to the constraint
[self.summaryView makeConstraints:^(MASConstraintMaker *make) {
self.animatableConstraint = make.edges.equalTo(self.view).with.insets(UIEdgeInsetsMake(80, 10, 10, 10));
}];
// update constants values
self.animatableConstraint.insets(UIEdgeInsetsMake(90, 20, 20, 20));
// ensure layout happens in animation block
[self.summaryView setNeedsLayout];
[UIView animateWithDuration:2.5 animations:^{
[self.summaryView layoutIfNeeded];
}];
2. An alternative approach is to use updateConstraints
//add property to store insets
@property (nonatomic, assign) UIEdgeInsets summaryInsets;
//create all constraints in update constraints
- (void)updateConstraints {
[super updateConstraints];
[self.summaryView updateConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(self.view).with.insets(self.summaryInsets);
}];
}
// update constants values
self.summaryInsets = UIEdgeInsetsMake(90, 20, 20, 20);
// tell constraints they need updating
[self setNeedsUpdateConstraints];
// update constraints now so we can animate the change
[self updateConstraintsIfNeeded];
[UIView animateWithDuration:2.5 animations:^{
[self layoutIfNeeded];
}];
Let me know if that helps. If you are changing the layout more drastically ie aligning self.summaryView
to different views you will need to uninstall old constraints and install new ones to keep Auto Layout happy. However by the sounds of it you just want to update the insets so the above examples should work for you.
from masonry.
Thanks for that Jonas.
In the end I added an additional view to "host" the location of the window and added a reference to the constraint. This let me animate using the centre constraint which feels a neater solution albeit with the overhead of an additional view.
from masonry.
Wonder what about Cocoa?
from masonry.
@cloudkite [super updateConstraints];
should be called at the end of the - (void)updateConstraints;
as per apple's documentation
from masonry.
Related Issues (20)
- equalTo(@[@10,@30]),What is the meaning of using an array in parentheses of equalTo HOT 2
- tableViewHeaderView & textView HOT 1
- Snap
- Duplicate keys for NSLayoutAttributeBaseline and NSLayoutAttributeLastBaseline in NSLayoutConstraint+MASDebugAdditions.m HOT 1
- mas_
- instance method conflicts with same method from another category 警告
- Version 1.1.0 in Mapping to The Old Code, not The Newest Code ! HOT 3
- swift package!!!! HOT 1
- 'MASConstraint' with definition in module 'Masonry.MASConstraint' has different definitions in different modules; first difference is this method
- 缩小控件高度的动画 控件会错位平移
- Label 使用label.numberOfLines来切换行数,上下文会莫名多出来一部分空白 HOT 1
- the newest version is 1.1.0 , but the 1.1.0 is not newest code compare with the branch of master HOT 1
- 小数
- mas_equalTo crash!!!
- Is there a release plan for a new version?
- [self.installedView addConstraint:layoutConstraint]; 这句代码偶发崩溃
- ~/Library/Developer/Xcode/UserData/CodeSnippets HOT 1
- When the parent view does not add a constraint or set a frame, the child view sets a constraint with a warning.
- [MASConstraintMaker install] Crash occasionally online HOT 2
- 苹果新政策要求三方库添加隐私清单PrivacyManifest,能否支持一下? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from masonry.