I have a text layer and a composition. How can i align those 2 in the center? When I select them and use the align window, I choose Align layers to composition and click center, what I got is both layers are in the center overlapping each other...
I know in photoshop and illustrator etc. you can group layers and align them in the center, but because I have a composition and text layer I can't group them... I know also I can create a rectangle as wide as the total length of the 2 layers and align that in center and then the layers but there should be a easier way.
Not entirely sure if I understand your question, but you can group the layers together by creating a null object and parenting each layer to it.
Related
I have the shapes (Rectangle, Ellipse and Polygon) that can overlap. I want to be able to select the inner shape inside the bigger one. If the bigger one is at the top, there is no way I can select the inner shape. I can't hover over it, click it or drag it. Is there any way to solve the issue?? If we look at the figma, if the shapes or whatever are overlapping we can double click and we are able to select the inner shape. Is there any similar way to do that in react konva??
In Konva.Stage there is the getAllIntersections method which will give a list of all of the shapes at any point on the stage. From here you could make UI to show the shapes and allow the user to select the specific shape to be transformed. The shape can then be dragged or sized as needed.
I often need to add text to an image. To do this, I use the Text Tool. When I click on the image, I can start filling in the text. However, the box that the text is in always shows up as transparent. There are times where this is good, but many times I want black text on a white box. How can I set the color of the box the text is inside?
You can just bucket fill the layer (no selection) after putting the bucket tool in Behind mode. But this makes the text layer no longer a text layer (text and font information is lost).
So a better solution is to add a layer under the text later and bucket-fill, with two options:
Make a layer the right size (when you create the layer it takes by default the side of the active layer) and bucket-fill the whole layer
Make an image-size layer, make a rectangle selection and bucket-fill the selection
Note that bucket-filling the text layer (or a layer which is the exact same size) usually won't look good because the boundaries of the layer come from the font geometry (so you can stack/abut layers) and there is a lot more space on top and bottom than on the sides.
I need to set a corner radius to 6 on top of WKInterfaceGroup and set to 0 on bottom.
Is there a tips or anything ?
Thanks
Example : http://imgur.com/aDASBNy
Since many elements (images e. g.) can't be given a border radius in watchOS, you should use groups with images as their only element. In order to achieve two different border sizes, try using two groups with two different border sizes which overlap themselves, so that one side of the border isn't visible because it's overlapped by the other group.
I'm trying to lay out a view in WatchKit with an image and a label side by side.
I create a Group with a Horizontal orientation, and add the Image with left justification and a label with right justification.
I actually get two different problems here:
(1) My image is square, but the edge of the image that is against the edge of the group gets rounded off. So I have two rounded corners and two square corners, which looks bad. I'd prefer to get 4 rounded corners -- but mainly I just need it to be consistent.
(2) My label text is long and needs to be wrapped. In the Interface Builder I set lines to 2, and in IB it wraps properly. But when I run it, the view in the simulator doesn't wrap, and instead is truncated.
Do you have a corner radius set on the containing group? If so it will clip the corners of the image.
In my existing app, I had 5 of my UIView derivatives (labels and buttons) laid up horizontally, i.e. on 0 degrees. They were all aligned on their left edges (so that button1.frame.origin.x = button2.frame.origin.x and so on.)
Now, for update purpose, I need to rotate all 5 of them, by 9 degrees anticlockwise.
I achieve the the rotation easily.
But I can't get how adjust their left edges so that they would all be aligned again after rotation.
The requirement, in summary, is this: The first control need to remain fixed (acting as pivot point) - the 4 others need to move right in order to maintain left alignment after rotation.
I tried putting incremental x value to each of the last 4 controls (keeping the pivot x fixed) but so far don't achieve exact alignment.
After rotation, it looks like all of them are center aligned, instead of left aligned which I really want.
I know what I really want, but just looking for a smarter way so that it won't be ugly like it is now.
Read about layout constraints. That will really help you in many ways. In layout constraints the concept is very simple like
Control1.attribute = Control2.attribute + C
So you can literally program each controls attributes and achieve a fine grain control. You can then code it such that all the controls X is same as other controls X, they are all same distance from another control etc.
You can have multiple layout constraints and the system will try to satisfy as many as possible.
But the only thing is that this is possible in iOS 6.0.