I have an NSSplitView with a single vertical divider as the contentView of a window, but when I resize the window, the splitview the vertical divider moves around-- for example, if I shrink the window horizontally the divider "drifts" to the left instead of maintaining its absolute pixel offset.
How do I set the NSSplitView so that when I resize horizontally, it only resizes the rightmost subview?
You need to adjust the holding priority.
Related
How to make sure views do not get clipped when window is resized and the size of views become smaller or bigger with the window size? Is there a way to do this other than using an autoresizing mask?
The views in a window i have are getting clipped if the window is made smaller, i want the size of the views to decrease with the decrease in window size. How can this be done using constraints?
You should constrain the views to your window edges (their topmost superview in the hierarchy).
First you click and drag holding Ctrl from your view to the content view of the view controller (or window controller):
Then you make the required constraints so that your views are not clipped (those would be trailing, leading, top and bottom constraints):
I spent last 2 days trying to figure out UIScrollview using storyboard. Whenever I think I got it, a new problem appears and now it seams unsolvable.
Here is what I'm trying to do (it's really simple):
I have an Imageview 400x185 taking the whole width of the scrollview (edge to edge). That means that the scrollview has the width of the imageview.
Below is a textview that has <= width of the imageview.
I used many methods described on stackoverflow:
- using a view on the scrollview and setting the width same as the parent of the scrollview.
- using just the scrollview without a view
All of them produced errors in the frame size of the image, size of the subview of scrollview, constrains, textview doesn't show up or the picture is too large even though I set the constrains edge to edge.
Can someone make a sample project with the UI described above? It would take 5 minutes for someone who knows how to deal with it.
I just did this. I know it works. Here is what I would suggest:
Make sure your 400x600 view is constrained to width 400 and height 600.
Add a scroll view to this view. Have it take up the full view and then pin top, bottom, left, and right.
Add a UIView to the scroll view. Have it take up the full view and then pin top, bottom, left, and right. This is your content view. I renamed my in the document outline to "ContentView". At this point, you will have a warning about ambiguous content size, because until you add more constraints, the content view can grow to any size.
The size of the content view will be determined by the contents, so they need to be fully constrained. Add the imageView to the content view. Constrain its width to 400, constrain its height to 185. Pin it to the left, top, and right of the contentView. At this point, the contentView will know it is 400 wide, but it still doesn't know how tall it is.
Add the textView to the contentView. Pin it a constant distance from the imageView. Constrain it to be centered in its contentView. Pin it a constant distance from the bottom of the contentView. Constrain its width to something less than 400 and its height to something big like 600.
At this point, the size of your contentView should be fully constrained. It gets it width from the width of the imageView which is 400 wide and pinned to both sides of the contentView. It gets its height from the constant distance of the imageView from the top + the height of the imageView + the constant distance between the imageView and the textView + the height of the textView + the constant distance from the textView to the bottom of the contentView.
If you want your scrollView to only scroll vertically, then constrain the contentView width to the scrollView width. This is easily done in the Document Outline view by control dragging from the contentView to the scrollView and then selecting Equal Widths from the pop up.
I have a view in which I placed a scrollView that fits the entire view. Inside the scrollView I have a textView, below a imageView, below a textView and so on. The textViews are filled with content from the ViewController with localized text, so its height will change depending on language. I gave the textViews the constraints for top, bottom, left and right with 10 each. The ImageViews i gave the constraints top and bottom with 10 each, width 200 and centered in container horizontal. The height of the images is different for each image and no constraint for the height is given.
The first result was, the scrollView got a width of the longest text of the localized text. I changed for the
scrollView
Content Hugging Priority Horizontal to 995 and Vertical to 250.
textViews
Content Hugging Priority Horizontal of 400 and 200 Vertical,
Content Compression Resistance Priority Horizontal is 200 and Vertical 750.
Perfect result in portrait mode. When changing to landscape the width of the scrollView stays at 320 and is aligned to the left.
How can I fix the problem to let the scrollView take 100% width of the screen without giving the textViews the chance to force to enlarge themselves to 100% width?
Found solution:
The scrollView has constraints: top/bottom 8 and left/right 0 each to superview.
The textViews have constraints to top, left, bottom and right.
The images have constraints top, bottom and width, centered to X in container.
This results that the textViews take one line and grow to giant width.
Then I centered the textViews to X in Container and selected all textViews and images and centered them too.
Now the scrollView takes 100% width of screen, height as needed no matter if portrait or landscape.
So for all who have maybe the same issue: scrollView looks a bit smaller than the view, its constraints when adding are 0 to left and right and a top/bottom >0. When drag and drop scrollView in the view it takes 100% of the view size. That was the problem, the constraints were -16. Setting the scrollView to x = 16 and width = 288 results in fitting properly to the view! Next giving the textViews constraints top/left/bottom/right and center it to container (even if offset to real center, right to the item is 0 predefined - change it to use current canvas value).
guys! So, i have UIScrollView and several UILabels on it, and i want to resize UIScrollView so its height will fit to sum of all labels height. can you help me?
Sum the heights of the labels, add some padding and set it as the height of the scroll view's frame (or contentView, if larger than the screen).
I have a very wide NSView set as the document of an NSScrollView. When I am zoomed in (by setting the cliprect bounds rectangle) swiping left and right on my magic mouse scroll the expected amount.
But when zoomed out (when the bounds rect is nearly the same size of the frame rect) left/right swiping is frustrating because of the small step distance has almost no effect.
I'd like to scale the step distance used for wheel scrolling. How can I do it?
You should not modify the clip view's bounds to scale your view. Instead, you should scale the document view of the scroll view, using the ‑scaleUnitSquareToSize: method of NSView:
NSView* docView = [yourScrollView documentView];
[docView scaleUnitSquareToSize:NSMakeSize(2.0, 2.0)];
[docView setNeedsDisplay:YES];
If you scale the clip view then you will change the way the scroll view calculates the scroller behavior.