ui-design

Pure CSS gradient circle border

由 我们两清 提交于 2019-12-10 12:55:35
问题 I have this UI requirement At the moment, I have a working solution of a div (with a fixed height and width and a background image for the outer gradient border) and a pseudo element, positioned absolute with a background image of the inner border. .div { position: relative; width: 254px; height: 254px; border: 2px solid transparent; border-radius: 50%; background: url(../img/gradient_border_circle.png) no-repeat 50%; } div:before { content: ""; position: absolute; top: 50%; transform:

Why aren't standard physical length units like mm used for touch UI layout?

由 半城伤御伤魂 提交于 2019-12-09 23:15:09
问题 If you're laying out an interactive touch UI element, such as a button, you want something with a sensible physical size, so the user can hit it comfortably. In this way, laying out a touch UI is just like laying out physical buttons and knobs on an electronic device. And for this kind of physical engineering, millimeters (or inches) are the unit of choice. For some reason this doesn't seem to be the case in touch UI design. I don't consider myself extremely well-read in the subject, but I've

When i proceed to develop a software, ui design or database design, which should be first?

由 江枫思渺然 提交于 2019-12-05 06:10:46
问题 I tried to design the ui with some ui mocking software, but i found it's hard for me to settle down all the detail of the design, since the database didn't design yet. But if i first design software, then the same problem occur, I didn't have the UI, how can I create a prominent UI ? 回答1: UI first. Mock up an elegant and easy-to-use user interface (and workflow) thinking from the point of view of the user, and only then think about the underlying database / data structures you'll need to

Xcode 9 simulator remove frames

由 给你一囗甜甜゛ 提交于 2019-12-05 01:45:56
The new simulator comes with the frames that make it look more like a phone in Xcode 9 beta. Is there any way to remove this frames and make it look more like the simulator in Xcode 8? Yes there is and it was the first thing I removed. To remove the frames do the following: Click on the simulator Go to Window (top menu) Click on Show Device Bezels (which should have a checkmark on it) The simulator will now have the same look as the one in Xcode 8. 来源： https://stackoverflow.com/questions/44385390/xcode-9-simulator-remove-frames

How do I center JavaFX controls

由 戏子无情 提交于 2019-12-04 19:16:15
问题 More specifically, why are my JavaFX controls not being centered? Here are two screenshots, the first just after starting (I moved the window into a more visible spot but have not yet resized it), and the second is just after resizing it to show off my problem. Bonus points if you help me ensure it's properly sized (on all DPIs) when it first shows: Conveniently, the relevant code is included in those screenshots. If you still need it as text, here you go: private void initJFXPanel(JFXPanel

Why aren't standard physical length units like mm used for touch UI layout?

由 假装没事ソ 提交于 2019-12-04 18:35:12
If you're laying out an interactive touch UI element, such as a button, you want something with a sensible physical size, so the user can hit it comfortably. In this way, laying out a touch UI is just like laying out physical buttons and knobs on an electronic device. And for this kind of physical engineering, millimeters (or inches) are the unit of choice. For some reason this doesn't seem to be the case in touch UI design. I don't consider myself extremely well-read in the subject, but I've honestly never seen anybody use mm as a unit in, say, an Android layout file. But I've seen endless

How do I center JavaFX controls

由 陌路散爱 提交于 2019-12-03 11:36:13
More specifically, why are my JavaFX controls not being centered? Here are two screenshots, the first just after starting (I moved the window into a more visible spot but have not yet resized it), and the second is just after resizing it to show off my problem. Bonus points if you help me ensure it's properly sized (on all DPIs) when it first shows: Conveniently, the relevant code is included in those screenshots. If you still need it as text, here you go: private void initJFXPanel(JFXPanel holder) { { { rootGrid = new GridPane(); rootGrid.setAlignment(Pos.CENTER); rootGrid.setPadding(new

effective UI styling for iOS app [closed]

由 依然范特西╮ 提交于 2019-12-03 09:20:24
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 3 years ago . My question is a simple one. In android, we can separate xml stylesheet from layout so that it can be reuse everywhere and edited easily for UI design change. Is it also possible in iOS xcode? if can how (prefer if not from controller)? need libraries? what are good libraries for that? Thank you for your answer.

Alternative iOS layouts for portrait and landscape storyboard

由 别说谁变了你拦得住时间么 提交于 2019-12-01 19:26:34
I need to design different layouts for landscape and potrate I know how to design using .xib file but don't get how design different layout using storyboard. I want something like This but using storyboard. please help me. You will need to create different views or different constraints for each screen layout. You can select the current screen layout here: And you can determine whether a view is going to be present (installed) in that screen layout here (look at the bottom): It should be clear after you play a bit with it. :) 来源： https://stackoverflow.com/questions/25962222/alternative-ios

How to remove margin from a viewController?

由 只愿长相守 提交于 2019-11-30 18:23:19
问题 I have created a new project using storyboard. Now, I want to add a UIView into the default ViewController. When I tried to add constraint using AutoLayout to the UIView with it's parent ViewController, it is showing -16 instead of 0 at both leading and trailing space. Which make the UIView smaller than the default UIViewController width. How could I remove this? Please help. 回答1: just remove constraints to margin option .. 回答2: to remove constrain margin from the constrain follow this step 1
订阅 ui-design