I have a button with 3 layers: Rounded Rectangle for outline, arrow icon and text, like this:
How do I center align the arrow and text to the rectangle without merging them in one layer? I tried linking them together and then align to selection, but that way they get stacked on top of each other.
Group the two layers (arrow and text) by selecting those two layers and choosing LAYERS > GROUP LAYERS (Ctrl + G)
select the Layer Group you just created and the rectangle layer and Align center
even I dont know the shortcut. but I have 1 idea.
create a rectangle shape is equal width to the text and the icon
then align center to the shape
then move that text and icon in same position.
#Martin, It would be best to enable smart guides before you start alignment. This displays precise guides when you manually move objects to align with other objects. You can drag each layer separately to align with another object in a different layer.
HTH/B
Related
My Labels are crowded, I want to space them away from the points by add leader lines to make it clear which label is for which datapoint
You can use the "Easy Custom Label" plugin to do this.
EasyCustomLabeling is a plugin for QGIS, designed to simplify the work for manual and data defined labeling. The tool duplicates a data vector layer into a new memory layer made of lines, adds all necessary fields for advanced custom labeling like label location, rotation, color, font, callout, alignements. The resulting layer is activated ready to use labeling tools. Data is saved in Memory Layer provider, which means it is NOT saved to a file or a database. To make these layers persistent, please install Memory Layer Saver v3.2 or higher plugin, that saves all memory layers to a qdatastream file along the project named myqgisprojectname.qgs.mldata.
Once you have turned on the label toolbar you can press the easy label button to make a copy of the layer, you can then drag and drop any labels that you want to move and a leader line will be automatically added.
https://gist.github.com/kgjenkins/1af82a8ffdc3c99bb886e6cd9cdc298f
Callouts, sometimes called leader lines, are lines between labels and features on a map. They are useful when constraints of space force a label to be moved away from the feature. The callout helps to reconnect the label to the feature it refers to.
image
There are probably multiple ways to do this, but here is one way using a geometry generator in QGIS 3.x:
callouts_qgis
Turn on labels for the layer
•Style dock > Labels tab
•Change "No labels" to "Show labels for this layer"
•Select the field to "Label with"
Move individual labels
The upgrade to QGIS 3.0 has made label placement easier to customize. When you move a label, QGIS tracks the new location using hidden auxiliary storage fields that we'll use to draw the lines.
•Make sure the Label Toolbar is enabled (View menu > Toolbars)
•Select the "Move Label" tool image
•Click and drag the to move the labels. (The first time you click to move a label, you will be asked for a primary key to use for tracking the labels. Pick a field that has an id or otherwise unique values within your layer.)
Add the callout lines
•In the layer styling dock, click the green + to add a new marker component
•Set "Symbol layer type" to "Geometry generator"
•Set "Geometry Type" to "LineString / MultiLineString"
•Enter the following expression:
make_line(
make_point($x, $y),
make_point( "auxiliary_storage_labeling_positionx" , "auxiliary_storage_labeling_positiony" )
)
image
Improve the label display
•Add label buffers ("halos") so that the lines won't obscure the text of the label (3rd tab in the style dock)
•Adjust the label placement (6th tab in the style dock), data defined > alignment ◦set the horizontal alignment to 'Center'
◦set the vertical alignment to 'Half'
I am doing a WinForms program which should have a fully responsive design in a full screen.
I get an approach which works more or less well. It consists into calculate a ratio between display screen and original form size.
Then I apply this ratio to the width, left, height, top properties of each control inside the form.
My doubt is about to use a native way for doing this, since, using anchors, the controls keep their same distances with parent control borders, but I doesn't do proportionally, for instance:
Form with 100x100
Button 20x20 located in (10,10)
If I resized the form to 200x200 (multiply by 2), the best approach I can do in design view is keeping the four anchors to the button, so button size will be 120x120 at the same position (10,10), while what I need is a button with size 40x40, at position (20,20), since form size was multiply by 2.
Is it possible with winforms native operations in design view? (Avoiding to make calculations)
Yes it is possible.
Using the Property Dock = Fill you can ask for a component to take all the room in its container.
Now using a TableLayoutPanel, you can define cells to put your components in. And giving cell a percentage size, you can make sure the sizes will change when the form is resized...
Here are more information on these things :
Dock Property
TableLayoutPanel Class
TableLayoutPanel Tutorial
I am a newbie to photoshop. I have some images that I need to label by hand to feed to a machine learning algorithm for classification.
The labeling accepted by the code bundle I will be running on is supposed to depict the features I am interested in, and the other unlabeled pixels are to be black.
For instance, I have a picture of land, and I will have to paint on it with red to mark the rocks, and blue to mark the soil. The other regions in the picture will be black. SO my labeling image should have red (rock) and blue (soil) and black (unclassified).
I am told I need to do this with transparent layer on top of my actual picture, and I can paint on the transparent layer as I want, and save that transparent layer as my label image.
My questions are:
How do I draw on the transparent layer (I am reducing the opacity to
0 because I want a transparent layer, right?)
How do I paint the unlabeled pixels black? (because that is what the program recognizes
as unclassified)
How do I save the transparent layer as a 8-bit image?
Thanks!
1) Anything you draw on a layer with zero opacity will not show! You need an empty layer, not a zero opacity layer. To make this, ensure your Layers palette is visible by pressing F7. Then, at the bottom right corner of the Layers palette, beside the trashcan, select New layer.
2) To paint pixels black, press d for default colours since black is the default colour. Then press B for Brush. Now you can paint on the empty layer. Press [ to make the brush smaller and ] to make it bigger. Click the black foreground colour square on top of the square white background colour in the Tool palette (left side of my picture) to change colours.
3) To save the classification layer only, click on the eye icon in the Layers palette of the other layers that you don't want in order to turn them off. That way only the layer you want will be saved. Then click File->Save for Web and select a file format that supports transparency - i.e. PNG or GIF, but NOT JPEG or TIF.
I have marked in green, all the buttons I mention that you will need to click on.
How do I turn on the X and Y coordinates for the location of the mouse on screen?
I have Photoshop CC. I'm creating interfaces and would like to be able to know the location of my mouse.
Although I can't currently check as i don't have photoshop CC on this computer, from past experience if you go
Window -> Information
A palette should appear with the coordinates of the cursor in it.
Press F8 to open info palette. That will show your mouse position in x and y coordinates.
You can also press Ctrl + R to view the ruler. Then take the mouse to the top left corner and by dragging from there you can change 0,0 coordinates of x,y position to anywhere on canvas.
when you draw something like rectangle and draw with pressing space bar. It will show lively width height and x y coordinates as well in Photoshop CC
Position with guides and the grid
Guides and the grid help you position images or elements precisely. Guides appear as nonprinting lines that float over the image. You can move and remove guides. You can also lock them so that you don’t move them by accident.
Smart Guides help you align shapes, slices, and selections. They appear automatically when you draw a shape or create a selection or slide. You can hide Smart Guides if you need to.
The grid is useful for laying out elements symmetrically. The grid appears by default as nonprinting lines but can also be displayed as dots.
Guides and grids behave in similar ways:
Selections, selection borders, and tools snap to a guide or the grid when dragged within 8 screen (not image) pixels. Guides also snap to the grid when moved. You can turn this feature on and off.
Guide spacing, along with guide and grid visibility and snapping, is specific to an image.
Grid spacing, along with guide and grid color and style, is the same for all images.
Show or hide a grid, guides, or smart guides
Do one of the following:
Choose View > Show > Grid.
Choose View > Show > Guides.
Choose View > Show > Smart Guides.
Choose View > Extras. This command also shows or hides layer edges, selection edges, target paths, and slices.
Place a guide
If the rulers are not visible, choose View > Rulers.
Note:
For the most accurate readings, view the image at 100% magnification or use the Info panel.
Do one of the following to create a guide:
Choose View > New Guide. In the dialog box, select Horizontal or Vertical orientation, enter a position, and click OK.
Drag from the horizontal ruler to create a horizontal guide.
Drag to create a horizontal guide
Dragging to create a horizontal guide
Hold down Alt (Windows) or Option (Mac OS), and drag from the vertical ruler to create a horizontal guide.
Drag from the vertical ruler to create a vertical guide.
Hold down Alt (Windows) or Option (Mac OS), and drag from the horizontal ruler to create a vertical guide.
Hold down Shift and drag from the horizontal or vertical ruler to create a guide that snaps to the ruler ticks. The pointer changes to a double-headed arrow when you drag a guide.
(Optional) If you want to lock all guides, choose View > Lock Guides.
Move a guide
Select the Move tool , or hold down Ctrl (Windows) or Command (Mac OS) to activate the Move tool.
Position the pointer over the guide (the pointer turns into a double-headed arrow).
Move the guide in any of the following ways:
Drag the guide to move it.
Change the guide from horizontal to vertical, or vice versa, by holding down Alt (Windows) or Option (Mac OS) as you click or drag the guide.
Align the guide with the ruler ticks by holding down Shift as you drag the guide. The guide snaps to the grid if the grid is visible and View > Snap To > Grid is selected.
Remove guides from the image
Do one of the following:
To remove a single guide, drag the guide outside the image window.
To remove all guides, choose View > Clear Guides.
Set guide and grid preferences
Do one of the following:
(Windows) Choose Edit > Preferences > Guides, Grid, & Slices.
(Mac OS) Choose Photoshop > Preferences > Guides, Grid, & Slices.
For Color, choose a color for the guides, the grid, or both. If you choose Custom, click the color box, choose a color, and click OK.
For Style, choose a display option for guides or the grid, or both.
For Gridline Every, enter a value for the grid spacing. For Subdivisions, enter a value by which to subdivide the grid.
If desired, change the units for this option. The Percent option creates a grid that divides the image into even sections. For example, choosing 25 for the Percent option creates an evenly divided 4‑by‑4 grid.
Click OK.
To the top
Work efficiently with Smart Guides
Smart Guides come in handy in several scenarios, such as the following:
Option (Mac)/Alt (Win) + Drag a Layer: When you drag a layer while keeping the Option (Mac) or Alt (Windows) key pressed, Photoshop displays reference measurement guides showing the distance between the original layer and the duplicate layer. This feature works with both the Move and Path Selection tools.
Distance between the layers: original and duplicate
Distance between the layers: original and duplicate
Path measurements: Photoshop displays measurement guides while you're working with paths. Measurement guides are also displayed when you select the Path Selection tool and then drag a path within the same layer.
Path measurements
Path measurements
Matched Spacing: When you duplicate or move an object, Photoshop displays measurement guides to visually indicate spacing between other objects that match the spacing between the selected object and its immediate neighbors.
Cmd (Mac)/Ctrl (Win) + Hover Over a Layer: You can view measurement guides while working with layers. With one layer selected, hover over another layer with the Cmd (Mac) or Ctrl (Windows) key pressed. You can use arrow keys in conjunction with this feature to nudge the selected layer.
Measurement guides while working with layers
Measurement guides while working with layers
Distances from the canvas: When you hold down the Cmd (Mac) or Ctrl (Windows) key while hovering outside a shape, Photoshop displays distances from the canvas.
Distances of a shape from the canvas
Distances of a shape from the canvas
Spacing between matched objects
Imagine a small red box (CALayer instance) drawn in the lower left corner of its parent layer (which is the root layer of a layer hosting NSView).
When the frame of the parent view changes, the red box should remain at the same position on the screen. I do this by adjusting it's position relative to the lower left corner of the parent view .
The problem is that in some cases there is flickering and I can see the red box layer being drawn in the lower left corner of the extended frame before it is shown at the correct position.
I assumed that wrapping the frame and position change into one CATransaction would make both changes together, but that doesn't always work (the docs say that by using a transaction the animations will start at the same time, but there still seems to be a race condition at times).
How can I adjust the frame of the parent NSView while keeping the child layer at its perceived position?
Example and code:
My own ideas:
Hide red box layer, update the position, show it again
Use constraints to bind it to the right corner. Problem is that this offset could also change and I would have to update the constraint which could lead to the same flickering issue.
Try deleting the code you have already made to have the layer move with the view and put this where you are creating the layer.
boxLayer.autoresizingMask = kCALayerMaxXMargin | kCALayerMinYMargin;