澳门威利斯人_威利斯人娱乐「手机版」

来自 威利斯人娱乐 2019-06-29 11:14 的文章
当前位置: 澳门威利斯人 > 威利斯人娱乐 > 正文

威尼斯真人网上娱乐使用方法,iOS8所有iPhone屏幕

Getting Started

<!-- basic button -->  <com.beardedhen.androidbootstrap.BootstrapButton      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_margin="10dp"      android:text="Success"      bootstrapbutton:bb_icon_right="fa-android"      bootstrapbutton:bb_type="success"  />  

The above code inserts a default button with a android icon to the right. The following attributes can be added to any BootstrapButton

bootstrapbutton:bb_type="default" The type of button as per the Bootstrap CSS Buttons

bootstrapbutton:bb_icon_left="fa-heart" the icon to the left of the text, as per the Font Awesome Cheat Sheet

bootstrapbutton:bb_icon_right="fa-trophy" the icon to the right of the text, as per the Font Awesome Cheat Sheet

bootstrapbutton:bb_roundedCorners="true" whether the button should have rounded corners, the defaults is false

android:enabled="false" disabled buttons appear more opaque, the default is true (buttons are enabled)

bootstrapbutton:bb_size="large" Size of the button e.g. large, default, small, xsmall

android:textSize="12sp" Text size must always be in sp!

The button height (padding between text and button top/bottom) is not editable appart by using bb_size which also impact the text size. See this question for a workaround.

源地址:

先来张直图:

威尼斯真人网上娱乐 1

Below some hints and tips of the less obvious to get the most out of Xpad.

You can also edit the button programmatically!

button.setText("title"); changes the text displayed

button.setLeftIcon("fa-star"); changes the left icon

button.setRightIcon("fa-heart"); changes the right icon

button.setBootstrapType("success"); changes the type of bootstrap button

button.setBootstrapButtonEnabled("false"); change whether the button is enabled or disabled!


About these guidelines

These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems.

This unofficial documentation will be updated and extended regularly. Last update: November 11, 2014.

What is Xpad

Resolutions and Display Specifications

Device Retina Portrait (px) Landscape (px)
iPhone 6 Retina HD 1080 x 1920 1920 x1080
iPhone 6 Retina 750 x 1334 1334 x 750
iPhone 55, 5S, 5C Retina 640 x 1136 1136 x 640
iPhone 44, 4S Retina 640 x 960 960 x 640
iPhone1st, 2nd & 3rd Generation No 320 x 480 480 x 320
iPad Air / Retina iPad1st & 2nd Generation / 3rd & 4th No 1536 x 2048 2048 x 1536
iPad Mini2nd & 3rd Generation Retina 1536 x 2048 2048 x 1536
iPadMini, 1st & 2nd Generation No 768 x 1024 1024 x 768

Pads are basically sticky notes on your desktop in which you can write memos. Each Xpad session consists of one or more open pads. Pads are saved automatically. Each pad consists of three areas:

Difference between Points and Pixels

Pixels are the smallest physical element that we can control on a digital display. The more pixels can be fitted into a specific screen size, the higher the PPI (pixels-per-inch), and the clearer the rendered content becomes.

Points are a resolution-independent measurement. Depending on the screens pixel density, a point can contain multiple pixels (e.g., 1 pt contains 2 x 2 pixels on a regular retina display).

When you are designing for various display types, you should think in points, but design in pixels. This means you will still need to export all your assets in 3 different resolutions, no matter in which resolution you are designing your app.

Top – Title bar / window decorations (optional)
Middle - Text area
Bottom - Toolbar (optional)

NOTE

As long as it is not stated otherwise (by appending „px“ to a value), this guide always refers to points when it comes to specific dimensions. If you need the value in pixels, just multiply by 2 for Retina screens or by 3 for Retina HD screens.

Device Asset Resolution PPI Display Size
iPhone 6 @3x 401 5.5″
iPhone 6 @2x 326 4.7″
iPhone 55, 5S, 5C @2x 326 4.0″
iPhone 44, 4S @2x 326 3.5″
iPhone1st, 2nd & 3rd Generation @1x 163 3.5″
iPad Air / Retina iPad1st & 2nd Generation/ 3rd & 4th @2x 264 9.7″
iPad Mini2nd & 3rd Generation @2x 326 7.9″
iPad Mini1st Generation @1x 163 7.9″
iPad1st & 2nd Generation @1x 132 9.7″

Each of these areas offer various options and preferences. Discover below some of them – and enjoy!

Downsampling on iPhone 6

Rendered pixels and physical pixels are equal on all iOS devices, with one exception: the Retina HD screen of the iPhone 6 Plus. Because its screen has a lower pixel resolution than what would be a natural @3x resolution, the rendered content is automatically resized to approximately 87% of the original size (from 2208 x 1242 pixels to fit the display resolution of 1920 x 1080 pixels).

威尼斯真人网上娱乐 2The difference between displays of iPhone 5S, 6 and 6 . More in-depth information here.

Generic options

App Icons

Device App Icon AppStore Icon Spotlight Settings
iPhone 6 180x180 px 1024x1024 px 120x120 px 87x87 px
iPhone6, 5S, 5, 5C, 4S, 4 120x120 px 1024x1024 px 80x80 px 58x58 px
Old iPhones1st, 2nd, 3rd Generation 57x57 px 1024x1024 px 29x29 px 29x29 px
Retina iPadsMini 2 & 3, Air, 3 & 4 152x152 px 1024x1024 px 80x80 px 58x58 px
Old iPads1, 2, Mini 1 76x76 px 1024x1024 px 40x40 px 29x29 px

You have two types of options. The general options, impacting all your pads, and the options specific to each pad.

Automatically applied effects

App icons assets are generally added to the application package as plain, squared PNG files in various dimensions. When rendered on a device, iOS applies various effects to app icons.

Preferences

ROUNDED CORNERS

The old simple radii values for rounded corners are gone. Since iOS 7, app icons have been using the shape of a superellipse. Since Apple did not release an official template of the shape, you will have to use one of the unofficial templates out there that replicate the shape in more or less accurate ways.

威尼斯真人网上娱乐 3

The rounded corners should not be included in the final exported assets, but you might need them in your design process if you want to add effects, such as a stroke or shadows, that are aligned to the corner of the icon.

In the preferences you can manage your pads behavior such as appearances, what Xpad should do when you start your computer, enable/disable the tray icon.

WARNING

If you are masking your icon asset with the superellipse shape because you want to apply effects aligned to the corners, make sure not to use any transparency for the area outside the mask. Transparency is not supported at all for app icons and instead is rendered as plain black. If your mask is not 100% accurate, users will see small black fragments on the rounded edges. It’s recommend to set the background of the canvas to be the same as the app icon background.

Open preferences: [Right-click in the text area] - [Pad] - [Edit]

BORDER STROKE (IN SOME SITUATIONS)

If the app icon you are using has a white background, a 1 pixel gray border stroke will be applied to make it easier to recognize the edges of the icon. This is only done in the settings app (if your application is listed there) and the AppStore.

  • [Preferences]
    Open preferences: [Right-click on the Tray icon] - [Preferences]

LEGACY EFFECTS (IOS 6 AND PREVIOUS VERSIONS)

On older iOS versions, these effects are applied automatically: rounded corners (not the same shape as iOS 7 icons are using), drop shadows on the home screen and a gloss effect that can be disabled.

Tray icon

Grid system

威尼斯真人网上娱乐 4

Apple developed a golden ratio grid system that can be used to size and align elements on your icon correctly. Nevertheless, even Apple designers are not following the grid system very strictly with the native apps’ icons. Feel free to break the rules if your icon simply works better without aligning all elements strictly to the grid.

The tray icon is an icon representing Xpad and offering different menus and options. It can be enabled/disabled in the preferences.

Typography

The default system font on all iOS versions is Helvetica Neue. Since iOS 7, Apple has been using a slightly modified version of the font, but using the original Helvetica Neue for your design process is totally fine. In addition to the default font, many alternative font faces are available to use. You can find a complete list of pre-installed typefaces here.

[Preferences] – [威尼斯真人网上娱乐,Enable tray icon]

Custom Fonts

Technically, any True Type Font (.ttf) can be used within an iOS app, but be careful about licenses. It should be safe to use fonts that are completely free for commercial usage. App licenses for commercial fonts are rarely available, and if they are, securing them can turn out to be somewhat expensive. MyFonts currently offers the biggest collection of fonts that can be licensed for mobile app usage.

Note that this might not work on all computers. Sometimes it is necessary to wait for the taskbar / panel to be loaded. There are two options which can help.

Color Palette

威尼斯真人网上娱乐 5

Since iOS 7, Apple has been using a vibrant color palette for the interface of the OS and pre-installed apps. While you can use the default iOS color palette listed above, you can also (and probably should, if you want to stand out) use your own colors.

[Preferences] – [Wait for systray]
[Preferences] – [Delay startup]

本文由澳门威利斯人发布于威利斯人娱乐,转载请注明出处:威尼斯真人网上娱乐使用方法,iOS8所有iPhone屏幕

关键词: 澳门威利斯人 日记本