A
A
Anton Agaltsov2016-06-21 22:39:16
css
Anton Agaltsov, 2016-06-21 22:39:16

What sizes are used in xcode?

Good day.
Not much confused in xcode. I have an Android application where all sizes and paddings are set in dp.
What is the best way to transfer these dimensions to the iOS application? What are the units used for dimensions in Xcode?
And how the design is usually done correctly (in terms of size)

Answer the question

In order to leave comments, you need to log in

5 answer(s)
M
Mikhail, 2015-11-17
@MaryT

There is a wonderful service fortawesome.github.io/Font-Awesome
and here is the icon you need fortawesome.github.io/Font-Awesome/icon/chevron-right
on pure CSS is also possible, well, there will be no such effect, although it all depends on tasks)

A
Andrey Dyrkov, 2015-11-17
@VIKINGVyksa

There are many ways.
But without cutting out the picture, use ready-made icon fonts or collect custom IconMoon

V
Viktor, 2015-11-17
@master2016

See how css icons are arranged, for example, in bootstrap. Something like
.icon-th-list {
background-position: -264px 0;
}
and in general - look at the background-position help. This is useful :-)

B
Bogdan Gerasimenko, 2015-11-17
@Kleindberg

I have not used graphics on websites for a long time to create arrows and other decorations. Icon fonts like FontAwesome are well suited for this purpose .
With it, you can display such an arrow by writing the following code:
The menu itself is better to be fully implemented in CSS:

@import url(http://site.at.ua/css/fontawesome.css); /* Подключили шрифт с иконками */

ul.menu {list-style: none; width: 200px; position: relative;}
ul.menu li a {display: block; line-height: 30px;}
ul.menu a.submenu:before {font: 14px 'FontAwesome'; content: '\f054'; margin: 0 10px; float:right; line-height:30px;}
ul.menu li:hover {background: whitesmoke;}
ul.menu li ul {list-style: none; display: none;position: absolute; top: 0; left: 200px; width: 200px;}
ul.menu li:hover ul {display: block;}

And in HTML, we only specify the markup of the menu:
<ul class="menu">
    <li>
        <a href="#" class="submenu">Подпункт</a>
        <ul>
            <li><a href="#">Ссылка</a></li>
        </ul>
    </li>
    <li><a href="#">Ссылка</a></li>
    <li><a href="#">Ссылка</a></li>
</ul>

Here's an entire site dedicated to menu design.

A
Anton Marunko, 2016-06-22
@Antonio-banderas

sizes are specified in point relative units, depending on the screen, they are scaled with coefficients of 1x, 2x, 3x, if you use graphics - for example, icons - you can simply name them [email protected] [email protected] , the system itself will take the required dimensions in depending on the screen,
https://www.paintcodeapp.com/news/ultimate-guide-t... - dimensions are well described

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question