100 макетов: Онлайн-типография ― «100 Макетов» в Челябинске

Реагирующие точки останова

Поскольку Bootstrap изначально разрабатывался для мобильных устройств, мы используем несколько медиа-запросов для создания разумных точек останова для наших макетов и интерфейсов. Эти контрольные точки в основном основаны на минимальной ширине области просмотра и позволяют нам масштабировать элементы по мере изменения области просмотра.

Bootstrap в основном использует следующие диапазоны медиа-запросов — или точки останова — в наших исходных файлах Sass для нашего макета, системы сетки и компонентов.

 // Очень маленькие устройства (портретные телефоны, менее 576 пикселей)
// Нет медиа-запроса для `xs`, так как это значение по умолчанию в Bootstrap
// Маленькие устройства (телефоны с горизонтальной ориентацией, 576 пикселей и выше)
@media (минимальная ширина: 576 пикселей) { ... }
// Средние устройства (планшеты, 768px и выше)
@media (минимальная ширина: 768 пикселей) { ... }
// Большие устройства (десктопы, 992px и выше)
@media (минимальная ширина: 992 пикселя) { ... }
// Очень большие устройства (большие рабочие столы, 1200 пикселей и выше)
@media (min-width: 1200px) { ... } 

Поскольку мы пишем наш исходный CSS в Sass, все наши медиа-запросы доступны через миксины Sass:

 // Нет необходимости в медиа-запросе для точки останова xs, так как это фактически `@media (min-width: 0) { ... }`
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { . .. }
// Пример: скрыть, начиная с `min-width: 0`, а затем показать в точке останова `sm`
.пользовательский класс {
  дисплей: нет;
}
@include media-breakpoint-up(sm) {
  .пользовательский класс {
    дисплей: блок;
  }
} 

Иногда мы используем медиа-запросы, которые идут в другом направлении (данный размер экрана или меньше ):

 // Очень маленькие устройства (портретные телефоны, менее 576 пикселей)
@media (максимальная ширина: 575,98 пикселей) { ... }
// Маленькие устройства (телефоны с горизонтальной ориентацией, менее 768 пикселей)
@media (максимальная ширина: 767,98 пикселей) { ... }
// Средние устройства (планшеты, менее 992 пикселей)
@media (максимальная ширина: 991,98 пикселей) { ... }
// Большие устройства (рабочие столы, менее 1200 пикселей)
@media (максимальная ширина: 1199,98 пикселей) { ... }
// Очень большие устройства (большие рабочие столы)
// Нет медиа-запроса, так как очень большая точка останова не имеет верхней границы ширины 

Обратите внимание: поскольку браузеры в настоящее время не поддерживают контекстные запросы диапазона, мы работаем над ограничениями префиксов min- и max- и областей просмотра с дробной шириной (что может произойти при определенных условиях на устройствах с высоким разрешением, например ), используя значения с более высокой точностью для этих сравнений.

Опять же, эти медиа-запросы также доступны через миксины Sass:

 @include media-breakpoint-down(xs) { ... }
@include media-breakpoint-down(sm) { ... }
@include media-breakpoint-down(md) { ... }
@include media-breakpoint-down(lg) { ... }
// Нет необходимости в медиа-запросе для точки останова xl, поскольку у нее нет верхней границы ширины
// Пример: Стиль от средней точки останова и вниз
@include media-breakpoint-down(md) {
  .пользовательский класс {
    дисплей: блок;
  }
} 

Существуют также медиа-запросы и примеси для нацеливания на один сегмент размеров экрана с использованием минимальной и максимальной ширины точки останова.

 // Очень маленькие устройства (портретные телефоны, менее 576 пикселей)
@media (максимальная ширина: 575,98 пикселей) { ... }
// Маленькие устройства (телефоны с горизонтальной ориентацией, 576 пикселей и выше)
@media (минимальная ширина: 576 пикселей) и (максимальная ширина: 767,98 пикселей) { . .. }
// Средние устройства (планшеты, 768px и выше)
@media (минимальная ширина: 768 пикселей) и (максимальная ширина: 991,98 пикселей) { ... }
// Большие устройства (десктопы, 992px и выше)
@media (минимальная ширина: 992 пикселя) и (максимальная ширина: 1199,98 пикселя) { ... }
// Очень большие устройства (большие рабочие столы, 1200 пикселей и выше)
@media (min-width: 1200px) { ... } 

Эти медиа-запросы также доступны через миксины Sass:

 @include media-breakpoint-only (xs) { ... }
@include media-breakpoint-only (sm) { ... }
@include media-breakpoint-only (md) { ... }
@include media-breakpoint-only (lg) { ... }
@include media-breakpoint-only(xl) { ... } 

Точно так же медиа-запросы могут охватывать несколько точек останова по ширине:

 // Пример
// Применяем стили, начиная со средних устройств и заканчивая очень большими устройствами
@media (минимальная ширина: 768 пикселей) и (максимальная ширина: 1199,98 пикселей) { . .. } 

Миксин Sass для таргетинга на тот же диапазон размеров экрана:

 @include media-breakpoint-between(md, xl) { ... } 

Z-индекс

Несколько компонентов Bootstrap используют z-index , свойство CSS, которое помогает управлять макетом, предоставляя третью ось для упорядочения содержимого. Мы используем шкалу z-индекса по умолчанию в Bootstrap, которая была разработана для правильной навигации по слоям, всплывающих подсказок и всплывающих окон, модальных окон и многого другого.

Эти более высокие значения начинаются с произвольного числа, высокого и достаточно определенного, чтобы в идеале избежать конфликтов. Нам нужен их стандартный набор для наших многоуровневых компонентов — всплывающие подсказки, всплывающие окна, панели навигации, раскрывающиеся списки, модальные окна — чтобы мы могли быть достаточно последовательными в поведении. Нет никаких причин, по которым мы не могли бы использовать 100 + или 500 +.

Мы не поощряем настройку этих отдельных значений; если вы измените один, вам, вероятно, придется изменить их все.

 $zindex-dropdown: 1000 !по умолчанию;
$zindex-sticky: 1020 !по умолчанию;
$zindex-fixed: 1030 !по умолчанию;
$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !по умолчанию;
$zindex-popover: 1060 !по умолчанию;
$zindex-tooltip: 1070 !по умолчанию; 

Для обработки перекрывающихся границ внутри компонентов (например, кнопок и вводов в группах ввода) мы используем младшие одноразрядные значения 1 z-index , 2 и 3 9 .0182 для состояний по умолчанию, наведения и активного состояния. При наведении/фокусе/активности мы выводим определенный элемент на передний план с более высоким значением z-index , чтобы показать его границу над элементами родственного элемента.

Макеты — .NET MAUI | Microsoft Learn

• Статья
• 24. 06.2022
• 7 минут на чтение

Классы макета .NET Multi-platform App UI (.NET MAUI) позволяют упорядочивать и группировать элементы управления пользовательского интерфейса в приложении. Выбор класса макета требует знания того, как макет размещает свои дочерние элементы и как макет определяет размеры своих дочерних элементов. Кроме того, может потребоваться вложение макетов для создания желаемого макета.

StackLayout

A StackLayout упорядочивает элементы в одномерном стеке по горизонтали или по вертикали. 9Свойство 0181 Orientation указывает направление элементов, ориентация по умолчанию — Вертикальная . StackLayout обычно используется для размещения подраздела пользовательского интерфейса на странице.

В следующем коде XAML показано, как создать вертикальный StackLayout , содержащий три объекта Label :

 
     " />
    
    

 

В StackLayout , если размер элемента не задан явно, он расширяется, чтобы заполнить доступную ширину или высоту, если для свойства Orientation установлено значение Horizontal .

A StackLayout часто используется в качестве родительского макета, который содержит другие дочерние макеты. Однако StackLayout не следует использовать для воспроизведения макета Grid с использованием комбинации объектов StackLayout . Следующий код показывает пример этой плохой практики:

  Домашняя страница"
             Заполнение = "0,20,0,0">
    <макет стека>
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
    

 

Это расточительно, поскольку выполняются ненужные расчеты компоновки. Вместо этого желаемая компоновка может быть лучше достигнута с помощью сетки .

Дополнительные сведения см. в разделе StackLayout.

HorizontalStackLayout

HorizontalStackLayout организует дочерние представления в одномерном горизонтальном стеке и является более производительной альтернативой StackLayout . HorizontalStackLayout обычно используется для размещения подраздела пользовательского интерфейса на странице.

В следующем XAML показано, как создать HorizontalStackLayout , содержащую различные дочерние представления:

 
   <Заливка прямоугольника="Красный"
              Запрос высоты = "30"
              Запрос ширины = "30" />
   

 

В HorizontalStackLayout , если размер элемента не задан явно, он расширяется, чтобы заполнить доступную высоту.

Дополнительные сведения см. в разделе HorizontalStackLayout.

VerticalStackLayout

A VerticalStackLayout организует дочерние представления в одномерном вертикальном стеке и является более производительной альтернативой StackLayout . VerticalStackLayout обычно используется для размещения подраздела пользовательского интерфейса на странице.

В следующем коде XAML показано, как создать объект VerticalStackLayout , содержащий три объекта Label :

 <Поля вертикального стекамакета = "20,35,20,25">
    
    
    

 

В VerticalStackLayout , если размер элемента не задан явно, он расширяется, чтобы заполнить доступную ширину.

Дополнительные сведения см. в разделе VerticalStackLayout.

Сетка

A Сетка используется для отображения элементов в строках и столбцах, которые могут иметь пропорциональные или абсолютные размеры. Строки и столбцы сетки задаются свойствами RowDefinitions и ColumnDefinitions .

Для размещения элементов в определенных 9Ячейки 0181 Grid , используйте прикрепленные свойства Grid.Column и Grid.Row . Чтобы элементы располагались в нескольких строках и столбцах, используйте прикрепленные свойства Grid.RowSpan и Grid.ColumnSpan .

Примечание

Компоновку Grid не следует путать с таблицами, и она не предназначена для представления табличных данных.

В следующем коде XAML показано, как создать Grid с двумя строками и двумя столбцами:

 <Сетка>
    
        <Определение строки />
        <Определение строки />
    
    
        <определение столбца />
        <определение столбца />
    
    
    <Ярлык Grid.Column="1"
           Text="Столбец 1, Строка 0" />
    <Ярлык Grid.Row="1"
           Text="Столбец 0, Строка 1" />
    <Ярлык Grid. Column="1"
           Сетка.Строка="1"
           Text="Столбец 1, Строка 1" />

 

В этом примере размер работает следующим образом:

• Каждая строка имеет явную высоту 50 аппаратно-независимых единиц.
• Для ширины первого столбца задано значение Auto , поэтому его ширина соответствует требованиям его дочерних элементов. В данном случае ширина составляет 200 аппаратно-независимых единиц, что соответствует ширине первой этикетки .

Пространство может быть распределено внутри столбца или строки с помощью автоматического изменения размера, позволяющего изменять размер столбцов и строк в соответствии с их содержимым. Это достигается установкой высоты RowDefinition или ширина ColumnDefinition до Auto . Пропорциональный размер также можно использовать для распределения доступного пространства между строками и столбцами сетки по взвешенным пропорциям. Это достигается установкой высоты RowDefinition или ширины ColumnDefinition в значение, которое использует оператор * .

Осторожно

Постарайтесь, чтобы как можно меньше строк и столбцов были установлены на Авто размер . Каждая строка или столбец с автоматическим изменением размера заставит механизм компоновки выполнять дополнительные расчеты компоновки. Вместо этого по возможности используйте строки и столбцы фиксированного размера. В качестве альтернативы можно задать, чтобы строки и столбцы занимали пропорциональный объем пространства со значением перечисления GridUnitType.Star .

Для получения дополнительной информации см. Сетка.

FlexLayout

FlexLayout похож на StackLayout тем, что отображает дочерние элементы горизонтально или вертикально в стеке. Тем не менее, FlexLayout также может обернуть свои дочерние элементы, если их слишком много для размещения в одной строке или столбце, а также обеспечивает более детальное управление размером, ориентацией и выравниванием своих дочерних элементов.

В следующем коде XAML показано, как создать FlexLayout , отображающий представления в одном столбце:

 
    
    <Кнопка Text="Кнопка" />
    

 

В этом примере компоновка работает следующим образом:

• Для свойства Direction установлено значение Column , в результате чего дочерние элементы FlexLayout располагаются в одном столбце элементов.
• Свойству AlignItems присвоено значение Center , что приводит к центрированию каждого элемента по горизонтали.
• Свойство JustifyContent имеет значение SpaceEvenly , которое равномерно распределяет все оставшееся пространство по вертикали между всеми элементами, над первым элементом и под последним элементом.

Дополнительные сведения см. в разделе FlexLayout.

AbsoluteLayout

AbsoluteLayout используется для позиционирования и изменения размера элементов с использованием явных значений или значений относительно размера макета. Положение определяется левым верхним углом дочернего элемента относительно левого верхнего угла AbsoluteLayout .

AbsoluteLayout следует рассматривать как макет специального назначения, который следует использовать только тогда, когда вы можете задать размер дочерним элементам или когда размер элемента не влияет на позиционирование других дочерних элементов. Стандартное использование этого макета — создание наложения, которое покрывает страницу другими элементами управления, возможно, для защиты пользователя от взаимодействия с обычными элементами управления на странице.

Важно

Свойства HorizontalOptions и VerticalOptions не влияют на дочерние элементы AbsoluteLayout .

В AbsoluteLayout присоединенное свойство AbsoluteLayout.LayoutBounds используется для указания положения по горизонтали, по вертикали, ширины и высоты элемента. Кроме того, присоединенное свойство AbsoluteLayout.LayoutFlags указывает, как будут интерпретироваться границы макета.

В следующем коде XAML показано, как расположить элементы в AbsoluteLayout :

В этом примере компоновка работает следующим образом:

• Каждому BoxView присваивается явный размер 100×100, и он отображается в одном и том же положении, по центру по горизонтали.
• Красный BoxView повернут на 30 градусов, а зеленый BoxView повернут на 60 градусов.
• В каждом BoxView присоединенное свойство AbsoluteLayout.LayoutFlags имеет значение PositionProportional , что указывает на то, что положение пропорционально оставшемуся пространству после учета ширины и высоты.

Caution

По возможности избегайте использования свойства AbsoluteLayout.AutoSize , так как это заставит механизм компоновки выполнять дополнительные расчеты компоновки.

Дополнительные сведения см. в разделе AbsoluteLayout.

BindableLayout

A BindableLayout позволяет любому классу макета, производному от класса Layout , генерировать свое содержимое путем привязки к набору элементов с возможностью установки внешнего вида каждого элемента с помощью Шаблон данных .

Привязываемый макет заполняется данными путем установки для его свойства ItemsSource любой коллекции, которая реализует IEnumerable , и присоединения его к классу, производному от Layout . Внешний вид каждого элемента в привязываемом макете можно определить, задав присоединенному свойству BindableLayout.ItemTemplate значение DataTemplate .

Следующий XAML показывает, как связать StackLayout с набором элементов и определить их внешний вид с помощью DataTemplate :

 
    
        <Шаблон данных>
            <Источник изображения="{Привязка}"
                   Аспект="АспектЗаполнение"
                   ШиринаЗапроса = "44"
                   Запрос высоты = "44" />
        
    

 

Привязываемые макеты следует использовать только в том случае, если набор отображаемых элементов невелик, а прокрутка и выделение не требуются.

Дополнительные сведения см. в разделе BindableLayout.

Прозрачность ввода

Каждый визуальный элемент имеет InputTransparent привязываемое свойство, которое используется для определения того, может ли элемент получать ввод. Его значение по умолчанию — false , что гарантирует, что элемент может получать ввод. Когда это свойство имеет значение true для элемента, элемент не будет получать никаких входных данных. Вместо этого входные данные будут переданы любым элементам, которые визуально находятся позади элемента.

Класс Layout , от которого происходят все макеты, имеет привязываемое свойство CascadeInputTransparent , которое определяет, наследуют ли дочерние элементы входную прозрачность макета. Его значение по умолчанию — true , что гарантирует, что установка для свойства InputTransparent значения true в классе макета приведет к тому, что все элементы в макете не получат никаких входных данных.

Стратегии планировки зданий | Anno 1404 Вики

На этой странице приведены примеры эффективных планировок домов и производственных помещений, обеспечивающих быстрый поток товаров и экономию места.

Содержимое

• 1 Корпус
  • 1.1 Западный макет Лиги неджентльменской войны
  • 1.2 Крупномасштабная западная планировка
  • 1.3 Маленькая универсальная западная компоновка
  • 1.4 Маленькая западная компоновка
  • 1,5 Западная раскладка I
  • 1.6 Западная раскладка II
  • 1.7 Восточная раскладка
  • 1.8 Императорский собор с домами I
  • 1.9 Императорский собор с домами II
  • 1.10 Императорский собор с домами III
  • 1.11 Султанская мечеть с домами
  • 1.12 Императорский собор с домами и защитными сооружениями
  • 1.13 Единый рынок — 100 домов
• 2 отдельных производственных этапа
  • 2.1 Размещение 4 прямоугольных полей (базовая модель)
  • 2.2 Размещение 5 прямоугольных полей (базовая модель)
  • 2.3 Размещение 5 прямоугольных полей (Альтернатива)
  • 2.4 Размещение 4 или 5 прямоугольных полей (базовая модель)
  • 2. 5 Размещение 6 прямоугольных полей (базовая модель)
  • 2.6 Размещение 8 прямоугольных полей (базовая модель)
• 3 Полные производственные цепочки
• 4 Полевые работы
• 5 Примечания
• 6 Внешние ссылки

Корпус[]

Макет	Изображение	Описание
Западный макет Лиги неджентльменской войны[]		Это окончательный макет западного макета League of Ungentlemanly Warfare [1] . Он построен из блоков домов 6×2. Сборка проста, обеспечивает отличное покрытие, и другие блоки могут быть легко добавлены; Дополнительно, если вы не играете с Пожарами, Болезнями, Изнашиванием или Шпионом; Хижину плотника, хирурга, оперативную базу и пожарную часть можно заменить стандартными домами. Богадельня также может быть изменена на жилье, если в этом нет необходимости.
Крестьянский класс		Это базовая отправная точка. Покрытие часовни не оптимально, но из-за правил населения только 80% домов могут стать гражданами. В конце концов часовня будет снесена бульдозерами и заменена церковью, как указано выше.
Гражданский класс		гражданских зданий. Сохраняйте дома, если не играете со зданиями катастроф. После патрициев снесите дома, чтобы освободить место для тюрьмы Должника и церкви, как на первом изображении.
Чешуйчатый		4 «блочных макета», собранных вместе. Покрытие отличное, за исключением отверстия для бублика; Огонь, Таверна, Шпион и Болезни охватывают эту зону только частично. Столярные изделия, безопасность и религиозное покрытие составляет 100%. Варианты заполнения дыры: дополнительные здания стихийных бедствий, чтобы получить 100% покрытие (огонь и болезни), оперативная база (вместо того, чтобы размещать их на каждом рынке), здание турнира, крепость, провизия, богадельня (если не требуется столько, сколько по одному на блок) или предметы декора (усадебный дворец и т. д.).
Изображение в игре		На игровом изображении в дырках от пончиков есть Marketplace, Keep и Tournament.
Крупномасштабная западная планировка[]	План застройки большого города План застройки с аварийными постройками Подготовка к «Необходимым постройкам»	Этот план здания предназначен для 4 торговых площадей, которые перевернуты симметрично: с горизонтальной и вертикальной осью. На первом изображении показан результат, если вы играете без плотников, пожарных депо и хирургов. На втором изображении показано, где разместить аварийные здания (плотники, пожарные депо и медпункты), если вы настроили для них игру. Это «стоит» вам 9 домов за здание рынка. На третьем изображении показано, как подготовиться к «Нужным зданиям»: постройте дома таким образом, чтобы (позже) легко освободить место для таверны, церкви и тюрьмы. На первом изображении центр оставлен открытым. Это лучше всего заполнить зданием рынка. Здесь можно построить дополнительный Рынок, но дома, построенные вокруг него, будут вне зоны влияния «Нужных зданий». Здесь тоже можно разбить красивый сад. 4 Рыночная площадь · 340 Дома · 16 Часовни · 4 Церковь · 12 Таверны · 4 Тюрьмы
Маленькая универсальная западная раскладка[]	Макет с патрициями Макет с дворянами Макет в масштабе	Небольшой, гибкий и простой в сборке план со 100 домами. Ровно столько домов, чтобы получить дворянина с нуля. Это также очень универсально, потому что рынки на окраинах могут привлечь внимание к вещам, окружающим деревню (например, к обороне, лесорубам, производителям инструментов и т. д.). Вы также можете игнорировать рынки, если в этом районе уже есть другие рынки. Почти в каждом доме есть доступ ко всем служебным зданиям. Только самый левый столбец не имеет доступа к таверне, а два средних дома рядом с рынком не защищены домами шпионов. Цвета представляют собой соотношение повышений (серый = крестьянин, зеленый = гражданин, красный = патриций, розовый = дворянин). Дом богадельни можно легко добавить над самой левой пожарной станцией, заменив дом и три дороги выше. Часовни можно строить на месте Церкви и Тюрьмы. Макет можно масштабировать во всех направлениях.
1 Торговая площадка · 100 домов · 1 церковь · 3 дом плотника · 2 пожарные части · 4 базы операций · 1 таверна · 1 долговая тюрьма · (2 операции) · 4 небольших рыночных здания
Маленькая западная раскладка[]		Небольшая деревня с 84 домами и дополнительным местом для 4 часовен, 4 домов плотников, 2 таверн, 1 долговой тюрьмы и 1 церкви (также место для богадельни). Каждый дом имеет доступ к каждому служебному зданию. Хорошо, если вы хотите минимальное количество свободного места. Для защиты от болезней, чумы и пожара необходимо снести дополнительные дома, чтобы освободить место для таких объектов.
1 Торговая площадка · 87 домов · 4 часовни · 4 дом плотника · 2 таверны · 1 долговая тюрьма · 1 церковь
Западная раскладка I[]		Единый комплекс хозяйственных построек, обслуживающих 101 жилой дом. Все дома получают доступ к церкви, поэтому все могут перейти как минимум в класс гражданина. Я ни разу не заболел чумой, используя эту раскладку, а пожары очень редки, если вы используете каменные дороги (менее одного за 5 часов геймплея). Здание рынка можно не строить, если у вас уже есть что-то еще, прикрывающее плотников сбоку. Замените внутренних плотников/врачей большим количеством домов, если у вас отключен огонь/чума. Второе изображение показывает, где разместить пожарные депо, если они вам нужны. Не поддерживает 3 Дома вверху или внизу.
1 Торговая площадка · 101 дом · 1 церковь · 1 Таверна · 1 Долговая тюрьма · 4 дома плотника · 2 операции · 1 небольшое здание рынка
Западная раскладка II[]		Этот город сосредоточен вокруг церкви, однако этот план города разработан таким образом, что вы можете строить его поэтапно по мере роста вашего населения. Сначала вы строите левый рынок и часовню слева от того места, где позже появится таверна (красный пустой прямоугольник). После того, как вы построили левую часть города с церковью, вы можете построить вторую рыночную площадь, расширяющуюся вправо. С полным городом и вашими первыми дворянами у вас обычно будет достаточно дохода, чтобы начать строить большую армию и начинать войны. Вместо дома на окраине города можно построить богадельню. Преимущества: Можно построить поэтапно Врачи и плотники размещены возле перекрестка Врачи и плотники не могут добраться до другого конца города, поэтому они обслуживают меньшую площадь, но с большей эффективностью Длинные прямые дороги легки для поиска людей Легко помещается между горами и реками на всех крупных островах Минимум общественных зданий Недостаток: Без дополнительного здания рынка или места 4 дома по углам могут не иметь подъездной дороги
2 торговых площадки · 152 + 4 дома · 1 часовня · 1 Таверна · 4 Дом плотника · 4 операции · 1 Долговая тюрьма · 1 церковь ·
Восточная раскладка[]		Единый комплекс хозяйственных построек, обслуживающих 108 домов.
1 Базар · 108 домов · 1 мечеть · 1 баня
Императорский собор с домами I[]	Императорский собор на 334 дома	Имперский собор лучше всего размещать на еще пустом участке земли. Ибо вам не придется сносить дома и сооружения, такие как часовни, церкви, таверны и тюрьмы. Оставьте «уголок» на своем главном острове, чтобы воспользоваться огромной зоной влияния Императорского собора.
1 Императорский собор · 334 дома
Императорский собор с домами II[]	Императорский собор с 342 домами и прямой конструкцией.	Как уже было сказано, занимайте достаточно места! Предыдущий план требует большой работы и точности, этот проще и в нем больше домов! P.S.: Весь план не виден, но он зеркально отражен, так что сделать это не составит труда. Ctrl и прокрутите для увеличения Верх
1 Императорский собор · 342 дома
Императорский собор с домами III []		Планируйте заранее. Вам понадобится несколько рыночных зданий, чтобы закончить некоторые дороги. На этой картинке 6 домов заменены Оперативной базой. Эти 6 могут покрыть всю область.
1 Императорский собор 368 домов
Султанская мечеть с домами []		Планируйте заранее. Вам понадобится несколько рыночных зданий, чтобы закончить некоторые дороги. На этой картинке 6 домов заменены Оперативной базой. Эти 6 могут покрыть всю область.
1 Мечеть Султана 374 дома
Императорский собор с домами и защитными сооружениями []		Эта планировка охватывает все дома со всеми тремя защитными постройками (пожарное депо, столярка и хирургия). Некоторые из них находятся за пределами зоны влияния имперского собора для экономии места, поэтому для их размещения вам понадобится несколько складов. У голубого плотника в районе всего три дома, поэтому вы можете размещать его по мере необходимости. Также дороги довольно длинные, поэтому чтобы гарантировать быструю помощь, стройте каменные улицы или подобное.
1 Императорский собор 351 дом 9 пожарных депо 9 (+1) плотников 6 операций
One Market Place — 100 домов[]	1 Торговая площадь, сколько домов она вмещает?	Одна рыночная площадь может «вместить» 100 домов. Когда вы начинаете на острове, начните с как можно большего количества домов (читай: налоговый доход) в зоне влияния 1 Рыночной площади. Как только вы соберете с людей достаточно налогов — и они потребуют часовню — снесите четыре угловых дома и замените их часовнями. (Редактировать: часовни нельзя будет просто разместить, вам нужно сначала удалить некоторые дороги, чтобы они поместились.)
1 Рынок · 100 домов или · 96 домов · 4 часовни

Отдельные этапы производства[]

Несмотря на то, что фермы обычно не нуждаются в дорожном сообщении (следующее здание в производственной цепочке может забирать товары напрямую), наличие дорожного сообщения имеет свои преимущества.

• Позволяет складировать промежуточные товары. Полезен в качестве дополнительного буфера или для выполнения квестов. Примеры:
  • На западном острове ваш шелк и индиго могут быть отправлены напрямую на ковровую фабрику. Если шелк и индиго не работают с одинаковой процентной производительностью, более производительный продукт будет убыточным.
  • Если вам нужна железная руда для квеста, и вы отправили руду прямо в плавильню, вы не можете просто выключить плавильню, и железная руда появится на вашем складе. (Конечно, позже вы сможете проложить путь и/или перестроить что-то на пути.)
• Позволяет разделять фермы и производственные постройки. Это не позволяет персоналу производственного корпуса совершать длительные прогулки за небольшим количеством товара. Производственные здания с большим ассортиментом сбора и высокой пропускной способностью (например, мельница, пекарня) могут тратить так много времени на посещение других зданий, что не работают на полную мощность.

Размещение 4 прямоугольных полей (базовая модель)[]	Каре	Размещение 4 производственных зданий, с 1 зданием рынка. Размер ферм 3х4.
Размещение 5 прямоугольных полей (базовая модель)[]	Пятерка	Размещение 5 производственных зданий, с 1 зданием рынка. Размер ферм 3х4. Есть даже место для 2 дополнительных ферм. Это не ускоряет производство и не повышает эффективность, но выглядит хорошо наполненным.
Размещение 5 прямоугольных полей (Альтернатива)[]		4 производственных здания по 5 полей в каждом и 1 здание рынка. Этот занимает меньше места, чем предыдущий.
Размещение 4 или 5 прямоугольных полей (базовая модель)[]		Использует эксплойт Noria. Размещение 5 производственных зданий, при этом 1 здание рынка. Размер ферм 3х4. Чтобы повысить эффективность, добавьте больше Рыночных Зданий с (почти) такой же планировкой (второе изображение). Каждому Рыночному Зданию требуется высота 7+4+7 и ширина 5+4+5 (всего 18×14).
Размещение 6 прямоугольных полей (базовая модель)[]	Шестерка	Размещение 6 производственных зданий, с 1 зданием рынка. Размер ферм 3х4. Два здания (из одной диагональной линии) имеют всего 5 полей. Но в целом эта базовая модель легко копируется.
Размещение 8 прямоугольных полей (базовая модель)[]	Восьмерка	Размещение 8 производственных зданий, с 1 зданием рынка. Размер ферм 2х3.
Дерево		Все хижины работают на 100%, хотя вам, возможно, придется нажать кнопку «Выращивать» после строительства дорог, чтобы восстановить их до 100% (обратите внимание, что значительно дешевле вручную построить любые необходимые деревья по 5 золотых за дерево, каждое дерево дает производительность ~3%). Между каждой парой хижин есть одна плитка перекрытия. Небольшое здание рынка может почти полностью поддерживать производство при использовании грунтовых дорог и без проблем поддерживать его при переходе на каменные дороги.
Дерево		Все хижины могут работать на 100%. Дороги снаружи должны показывать границы этого макета. Вам нужно будет вручную сажать деревья или даже удалять существующие деревья, если они слишком велики. Лучше всего, если вы сначала удалите все существующие деревья, прежде чем вручную сажать все деревья.
Древесина (использование нории)		Все хижины работают на 100% (см. эксплойт нории), не забудьте нажать кнопку «Выращивать» после строительства дорог.
Сидр / Конопля / Специи		Этот макет можно использовать для плантаций сидра, конопли и специй. Использует 63 плитки на ферму. Если вы используете это для специй и у вас нет (достаточно) орошаемой земли, вы можете либо разместить нории рядом с блоками, либо заменить два поля (разных ферм) маленькими нориями и использовать эксплойт нории.
Сидр / Конопля		Вы можете разместить множество ферм по обеим сторонам большой колонны норий. Все плантации работают на 100% (см. подвиг нории).
Сидр / Конопля		16 конопляных/сидровых ферм, все поля в радиусе рынка.
(Почти) все восточные фермы	Финики/Индиго/Шелк/Кофе/…макет	Этот макет дает вам необходимую гибкость! Вы можете строить фермы до 5 полей. Если ферме не нужна дорога, вам не нужно строить дорогу (красный). В середине можно построить здание рынка с небольшой норией, здание рынка с производственным зданием или 2 производственных здания. Выбор за вами. Если вы строите ферму специй, вы можете оставить 1 поле (желтое) и вместо этого построить большую норию, здание рынка или технологическое здание. Большие нории также можно установить на краю.
Специи		Макет для 24 ферм специй вокруг 5 норий. Все фермы работают на 100% (см. эксплойт noria). Помещается на площади 29×28.
Пшеница/молоко	Схема пшенично-молочной фермы	Этот макет можно использовать для пшеничных (хлебных/пивных) и молочных ферм. Использует 64 плитки на ферму. Отображаются четыре блока, показывающие, как несколько блоков можно комбинировать без потери пространства между ними. Учтите, что, поскольку козьи фермы не требуют плодородия, их можно строить на северных островах. Если вы строите козьи фермы на неплодородной земле, вы можете либо разместить нории рядом с блоками, либо заменить некоторые поля (разных ферм) нориями и использовать эксплойт нории.
Пшеница/молоко		6 полей, 32×16 = 512 (=85,33 плитки на ферму)
Пшеница/молоко/животноводческие фермы	Животноводческая ферма	Можно использовать только на южных островах с использованием эксплойта нории. Использует 37 тайлов на ферму. Для пшеницы также необходимо адекватное плодородие. Имейте в виду, что пшеница не может расти на южных островах, и что все эти объекты можно построить на северных островах. Эту настройку следует использовать только тогда, когда у вас больше нет места для строительства! В противном случае это будет пустая трата денег, потому что эксплойт нории стоит больше денег в обслуживании, чем обычная ферма.
Пшеница	60 Пшеница — эффективность 100 %	Массивный макет для 60 пшеничных ферм. Использует 6 больших норий для эксплойта нории, уменьшая количество полей для каждой фермы с 3 до 1. Стрелки показывают, какое поле относится к какому зданию. Все фермы работают со 100% эффективностью.
Молоко	24 молочных плантации на 4 нории Сетка Макет предыдущего изображения	Можно использовать только на южных островах с использованием эксплойта нории. 24 фермы по производству козьего молока с 4 нориями работают со 100% эффективностью. Имейте в виду, что каждая произведенная тонна молока истощает воду из каждой нории, что заметно увеличивает стоимость молока (из-за его низкой стоимости).
Молоко/пшеница	18×16 Производство молока с использованием Noria	Макет 18×16 с использованием 288 плиток Эффективность использования пространства 88 % Содержит: 8 козьих ферм 4 маленькие нории 1 x Восточный склад Общая стоимость: 6000 63 25 Техническое обслуживание: 320 Использует эксплойт Noria, все фермы работают со 100% эффективностью. Макет необходимо разместить на южных островах. Этот макет можно использовать и для пшеницы для получения идентичных результатов. Корм: 3600 Кочевников или 4800 Посланников.
финики / индиго / шелк / кофе / сахар	Финиковые/индиго/шелковые/кофейные/сахарные фермы с использованием нории	Использует эксплойт noria. Макет для 22 финиковых/индиго/шелковых/кофейных/сахарных ферм вокруг 6 норий. Все фермы работают со 100% эффективностью (см. эксплойт noria). Этот макет не подходит для винограда. [2]
Финики / индиго / шелк / кофе / сахар	Прямоугольный макет для Noria Exploit	Этот макет похож на предыдущий, я просто переместил рыночные здания в углы, чтобы создать прямоугольный макет.
Виноград / Финики / Индиго / Шелк / Кофе / Сахар	Виноград/Финики/Индиго/Шелк/Кофе/Сахарная ферма	Не включает нории. Этот план можно использовать для плантаций винограда, фиников, индиго, шелка, кофе и сахара на зеленой почве. Использует 76,25 плитки на ферму. Отображаются четыре блока, показывающие, как объединить несколько блоков, тратя только одну плитку на блок.
финики / индиго / шелк / кофе / сахар		Этот макет можно использовать для выращивания фиников, индиго, шелка, кофе и сахарных плантаций на сухой почве, включая нории. Склады в конце макета могут быть использованы для карьеров или других производственных помещений. На строго засушливой почве хозяйства производят по сниженной норме (91%). Использует 82,25 плитки на ферму, где 69 — теоретический минимум. Не использует эксплойт noria. Отображаются четыре блока, показывающие, как объединить несколько блоков, теряя только 3 плитки между «столбцами».
Виноград (подвиг нории)		Планировка 18 виноградных плантаций вокруг 9 норий (используется для северных островов). Все фермы работают на 100% (см. эксплойт noria).
Монастырские сады (на пиво)	План фермы трав	Травяные фермы очень гибки в своем размещении из-за их небольших полей, поэтому вы, как правило, втиснете их в неиспользуемые уголки вашего острова. Однако, если у вас есть большое количество открытого пространства и вы хотите использовать его эффективно, вы можете использовать эту планировку. Использует 63 плитки на ферму трав, где 57 плиток — абсолютный минимум. Отображаются четыре блока, показывающие, как несколько блоков можно комбинировать без потери пространства между ними.
Монастырские сады	4 План фермы трав	Это альтернатива макету, показанному выше. Это занимает столько же места, сколько и выше, но, как вы можете видеть, макет напоминает квадрат, что позволяет вам быть более гибким при объединении нескольких из этих макетов. В конечном счете, форма вашего «пивного острова», вероятно, определит, какой из этих двух макетов вы предпочтете. Обратите внимание, что 3 поля находятся немного за радиусом монастыря, но эффективность по-прежнему составляет 100%, и вам не нужно восстанавливать монастырь, чтобы построить поля.
Монастырские сады	60 трав — эффективность 100%	Массивная планировка 60 монастырских садов. Использует 4 больших нории для эксплойта нории, уменьшая количество полей с 7 до 3, за исключением 2 ферм на каждом углу, которым нужно 5 полей для 100% эффективности. Цветные точки показывают, какие поля относятся к какому зданию.
Свиноферма	Схема свинофермы	Макет шкур животных (для кожаных курток). Отображаются три блока, показывающие, как можно комбинировать несколько блоков с минимальным неиспользуемым пространством между ними.
Свиноферма		Требуется полевой эксплойт (см. ниже)
Шкуры животных (для кожаных курток) / Фермы крупного рогатого скота (для мяса)	Схема свинофермы	Два компактных макета для шкур животных. Верхний макет использует 67,5 плиток на ферму, где 73 плитки — это абсолютный минимум без эксплойта нории. В нижнем макете используется 60 плиток на ферму, но вы должны использовать полевой эксплойт (см. ниже), что приведет к более высоким затратам на строительство. Обе раскладки работают на южных и северных островах. Свиноводческие фермы работают на 100% с 3 нориями или 2 нориями на сухой почве. Они будут работать в 95% с 2 нориями на плодородной почве. Животноводческие фермы работают на 100% с 3 нориями. Также есть место для других зданий, напр. технологические заводы.
Животноводческие фермы (на мясо)	Планировка ферм крупного рогатого скота	Этот план можно использовать для животноводческих ферм. Использует 100 плиток на ферму крупного рогатого скота, где 89 плиток — абсолютный минимум. Животноводческим фермам требуется пять полноприводных полей; свинофермам нужно всего четыре поля 4×4.
Перерабатывающие предприятия	План перерабатывающих заводов	Хотя обычно вы можете размещать перерабатывающие предприятия, такие как хижины ткачей и винные прессы, рядом со своим складом — в любом случае у него есть запасные рыночные тележки — иногда это не работает. Например, когда ваш город разрастется, вам понадобится так много хлеба, что вы не сможете разместить все свои мельницы и пекарни рядом с одним складом и расположить их достаточно близко, чтобы работать с максимальной производительностью. В этом случае макет, показанный здесь, является хорошей альтернативой. Работает для любых перерабатывающих зданий. Примечание: держите пекарни и мельницы отдельно друг от друга, если их много; в противном случае у них возникнет соблазн забрать товары напрямую и тратить время на длительные прогулки.
Пасеки (для подсвечников)	Схема пасеки	Эта раскладка подходит для пасек (64 плитки на пасеку). Имеет квадратную форму, поэтому легко масштабируется и не тратит пространство между блоками. Увеличенные дорожные мертвые зоны позволяют немного «уступить» углам макета… Если вы едва можете уместиться в узкий угол (15 плиток, а не 16), вы можете вставить набор ульев вдоль края. А так как он симметричный, то при необходимости можно сделать «зеркальное отражение». Расширенные дорожные пространства также могут позволить вам разместить фабрики или что-то еще на краю конфигурации, хотя вам могут понадобиться каменные дороги или увеличить здание рынка, чтобы оно могло не отставать.
Роза питомник (для духов)	Питомники роз с норией эксплоит	Использует эксплойт noria. Блок из 18 питомников роз, поставляемых 7 небольшими нориями. Все питомники работают на 100% (см. эксплойт noria) . Вы можете разместить парфюмерные лавки вдоль дороги, если хотите.
Роза питомник (для духов)	Питомники роз с норией эксплоит	Использует эксплойт noria. Идеальный квадрат 23×23 с 18 розовыми питомниками, снабженными 7 небольшими нориями и 2 рыночными зданиями. Все питомники работают на 100% на сухой почве (см. подвиг нории) . В этом макете используется 29,38 плитки на ферму, где 21 — абсолютный минимум с эксплойтом нории и 81 — без.
Роза детская (для духов)	Схема рассадника роз	Не включает нории. Этот макет можно использовать для питомников роз на плодородной почве или с добавлением норий вокруг него. Использует 90 плиток на питомник, где 81 плитка — это абсолютный минимум без использования эксплойта нории.
Роза питомник (для духов)		Эта альтернативная планировка позволяет 1 торговой площадке поставлять 6 питомников роз в идеальном прямоугольнике 18×30. Может потребоваться улучшение здания рынка. Не включает нории, подходящие для плодородной почвы или с добавлением нории вокруг нее.
Миндаль (для марципана)		Этот макет используется для миндаля на плодородной почве или с нориями вокруг него. Использует 100 плиток на одно растение миндаля, где 89 — минимум без эксплойта нории.
Миндаль/крупный рогатый скот	Сетка Макет предыдущего изображения	Вот 24 фермы, снабженные 6 маленькими нориями. Все фермы работают на 100% (см. эксплойт noria)
Виноград (маленькие нории)	20 Однопольные виноградные плантации на 100%	Этот масштабируемый план, используемый для 20 виноградных плантаций с одним полем вокруг 9 норий, использует только 2 рыночных здания. Все поля работают на 100% с использованием эксплойта noria. Использует 30,45 плитки на плантацию, где минимум 21.
8 Структура восточной фермы (например, для 4 ковровых мастерских)		Простая конфигурация, сочетающая в себе пространство и экономичность. Все 5 полевых ферм работают на 100% на сухой почве. На фото 8 ферм по производству ковров, которые снабжают 4 ковровые мастерские. Также работает на 8 плантациях финика, сахарных фермах или кофейных плантациях. Можно изменить для 6 ферм роз, работающих на 100%, используя 4 поля на ферму с 2 интегрированными парфюмерными заводами. Также может использоваться для ферм специй, однако сохраняется только 1 поле на ферму, что снижает эффективность использования пространства. Можно модифицировать для 10 ферм специй, работающих на 95% (эквивалент 9,5 фермы) с 2 полями на каждом. Использует эксплойт нории, но очень экономичен, так как используются только 2 нории.
Сидр и конопля с Noria Exploit		18 ферм по выращиванию конопли или сидра работают на 100%. Использует эксплойт нории.
Сидр и конопля с Noria Exploit		28 ферм по выращиванию конопли или сидра работают на 100%. Использует эксплойт нории. 8 ферм на окраинах, рядом со зданиями рынка с 1 полевыми работами в 92%, и они должны быть достигнуты еще на 1 норию, 7 — это число, чтобы поднять 1 поле с 25 до 100%.
Большая эксплуатация Нории для ферм с 5 или 4 полями.	Плитка 44×44	Поле 40×5 или 4 полевых фермы (Сидр, Конопля, Виноградник, Финик, Индиго, Шелк, Специи, Кофе, Сахарный тростник) со 100% эффективностью. Нужны тайлы 44×44 с 4 большими Norias для работы Noria. Кроме того, есть 12 мест 3×3 для любых производственных зданий (жаровня, ковровая мастерская и т. д. или что-то еще) Примечание: 2 рыночных здания не нужны, вместо этого одно на краю можно заменить производственным зданием 4×4 (глиняный карьер).

Полные производственные цепочки[]

Создание кластеров производственных цепочек также имеет свои преимущества.

• Нет необходимости в дорожном соединении с промежуточными зданиями, что обеспечивает более компактную планировку.
• Требуется меньше рыночных зданий, что экономит затраты на обслуживание и пространство.

Хлеб	Цикл производства хлеба Чи	Хлебная петля, 2x пшеничная ферма, 1x мельница и 1x пекарня. Может поддерживать 725 патрициев/1025 дворян [3] .Если последнее поле находится вне досягаемости, попробуйте временно разместить ферму, чтобы построить ее, разрушить ферму, а затем восстановить ее, как показано на рисунке. В качестве небольшого варианта вы можете поменять местами мельницу и пшеничную ферму, расположенную дальше всего от дороги. Таким образом, вам не нужно разрушать и восстанавливать. Все здания по-прежнему работают на 100%.
Хлеб		Цикл производства хлеба 4 Ферма, 2 Мельница 2 Пекарня. Всего 2 зеленых пикселя. 86% Эффективность использования пространства
Хлеб	Модифицированная петля для хлеба Чи, 4 шт.	Самое лучшее в этой модифицированной версии цикла производства хлеба Чи заключается в том, что вам никогда не придется «временно разрушать и восстанавливать» пшеничные фермы (и это экономит место по краям). Эффективность использования пространства 90 % – В соответствии с показанной компоновкой.
Хлеб	Цикл производства хлеба Agmas Исправленная версия Sting_McRay	Цикл производства хлеба, который менее вытянут, чем другие макеты, и поэтому может более подходящим образом вписываться в определенные места. 3 пекарни, 3 мельницы и 6 растениеводческих ферм Эффективность использования пространства 94 %
Пиво	Layour для четырех пивоварен плюс фермы	Четыре пивоварни и необходимые фермы. Использует 140 плиток на пивоварню, где 123 — теоретический минимум.
Пиво		Альтернативная планировка 4 пивоварен с использованием 135 плиток на пивоварню. Этот макет можно комбинировать несколько раз, оставляя мало свободного места. Недостаток в том, что вам нужен довольно большой остров, а промежутки нужно заполнить другими конструкциями. Вот почему я обычно использую отдельные этапы производства пива. 86% Эффективность использования пространства
Пиво	Планировка 16 x 32 для 4 цепочек производства пива	4 пивные сети всего с 2 пустыми квадратами и 2 дорогами. Эффективность использования пространства 99 %
Кофе	Раскладка Delra’s Coffee	Кофейная петля, 2 кофейные плантации, 1 кофейня и 1 малая нория. Может поддерживать 1000 посланников.
Кофе	Плитки 34×16, эффективность использования пространства 96%.	Кофейная петля, 12 кофейных плантаций, 6 обжарочных цехов, 6 маленьких норий. Поставляет 6000 посланников. Все фермы работают со 100% эффективностью, использует эксплойт noria. Также может использоваться для ковров с шелком с одной стороны и индиго с другой. Эффективность использования пространства 96 %
Канаты	Схема веревки Делры	Схема производства веревки, состоящая из 2х плантаций конопли, каждая с 4 полями и 2х веревочных дворов, построенных по соседству для быстрого притока ресурсов.
Белье + веревки	Magers M.D.’s Linen+Ropes Loop Loop	4 хижины ткача + 2 канатных двора. Хижина ткача должна работать постоянно, в то время как канатные верфи должны работать только тогда, когда вам нужно определенное количество веревок, необходимых для судостроения. Необязательно: после перехода на уровень дворянина (когда можно производить боевые машины) добавьте 1 плантацию конопли рядом с каждым канатным двором, чтобы они постоянно работали на полную мощность.
Канаты	Еще один макет веревки.	Использует 76,25 плитки на веревочную площадку, где 69 — теоретический минимум.
Белье		4 полотна + 8 ферм используют 512 тайлов на прямоугольнике 20х26 (эффективность 97,7%)
Вино	4 цепи по производству вина — 22×44	Здесь находятся 4 винных цеха, каждый из которых состоит из 3 винных дворов, 1 бондарного цеха и 1 винного пресса. Порядок снаружи внутрь: двор/бондарня/двор/пресс/двор. Очевидно, вам нужно сделать железо и дерево доступными на рынке. Одна рыночная площадь всего для 2 винных прессов — это немного перебор, и вы можете разместить только одну рыночную площадку посередине, которая сможет получать вино из 4 давильни. Тем не менее, бочковая бондарная мастерская тогда не имела бы рынка, так что это самая эффективная компоновка, которую я мог придумать. (Неиспользуемые плитки отмечены деревьями.)
Ковры		Ковры хороши для продажи за дополнительные деньги и необходимы кочевникам для продвижения. Использует эксплойт нории. 4 ковровых петли достаточно для 3600 Кочевников или 6000 Посланников.
Духи	Макет 24×24 от Agmas	Схема 24×24 для 4 парфюмерных магазинов, каждая из которых работает со 100% эффективностью. Угловые фермы, находящиеся дальше от норий, требуют 3 полей для поддержания 100% эффективности. Эффективность использования пространства 94 % Использует эксплойт Noria
Кофе	Макет 23×24 от Agmas	Планировка 23×24 для 6 обжарочных цехов, каждый из которых работает со 100% эффективностью. 91% Эффективность использования пространства Использует эксплойт Noria
Свечи		Цепи из четырех свечей с эффективностью 29/30. Если вам не хватает места или вам нужно менее четырех цепочек для свечей, вы можете использовать половину или четверть этого макета.

Field Exploit[]

Примечание. Crop Farm используется в качестве примера ниже. Эта стратегия лучше всего работает с полями размером 4х4!

Примечания[]

1. ↑ https://www.youtube.com/watch?v=EQaBIQk4HxI
2. ↑ Поскольку виноград не растет на островах с сухой почвой, 6 норий обеспечат только 74% урожайности. Для 100% производительности потребуется 9 норий. См. Эксплойт noria для получения дополнительной информации.
3. ↑ Согласно этой производственной таблице. Anno1404-Rechner.de .

Внешние ссылки[]

• [ немецкий ] PDF с различными макетами,

100 дней LCNC: дни 24-26 – стили и макеты

Личные идеи

Даниэль Вроблевски

9 июня 2022 г. 5-минутное чтение

В этом сообщении в блоге подробно рассказывается о последних событиях моего 100-дневного путешествия с низким кодом и без кода, и, надеюсь, вы найдете несколько советов и рекомендаций.

Этот пост в блоге посвящен управлению внешним видом приложений AppGyver — UX не моя сильная сторона, но я попробую 😳. Что касается внешнего вида, AppGyver предоставляет 2 набора функций:

• Макет: Управляет расположением компонентов на странице, включая интервалы и ориентацию.
• Стили: Управляет внешним видом отдельных компонентов, например цветом кнопки или шрифтом текстового компонента.

Эти функции отображаются на вкладках рядом с вкладкой Свойства при настройке компонента или страницы.

Существует 3 основных компонента макета, которые помогут вам расположить компоненты на странице так, как вы хотите, включая размещение контейнеров внутри контейнеров.

В качестве основы вы добавляете компоненты в контейнер, задаете, хотите ли вы выровнять компоненты по горизонтали или вертикали, затем устанавливаете параметры интервала/отступа для компонентов и ширины/выравнивания внутри контейнера.

Например, я хотел иметь набор фильтров подряд.

Итак, я создал контейнер и добавил в него текст и элементы флажка. Я установил выравнивание контейнера по горизонтали. Вы также можете установить «зазоры» или интервалы со всех сторон.

Затем для каждого компонента я могу установить интервал по бокам, пока не получу нужный горизонтальный интервал.

Несколько советов

• Если вы хотите использовать прокрутку, включите эти настройки на странице.

• Пример чего-то классного, я хотел создать кнопку вверху, кнопку внизу и прокрутку посередине.

  Итак, я поместил 3 компонента в контейнер и в прокрутке установил высоту «рост до высоты». Точно не знаю, почему это сработало или откуда я должен был это знать, но это сработало.

• В общем, функция макетов (и стилей) — это целый мир сам по себе. Подробнее об этом можно прочитать в справочнике. Вы также можете проверить канал Curiosity Labs на YouTube, где Оно создал несколько простых приложений AppGyver, но тратит МНОГО времени на то, чтобы приложения выглядели идеально с точностью до пикселя.
• Также загляните в блог Харри Сарсы о стилях.

День 25. Стили, темы и умные цвета

Я сделал глубокий вдох и изучил особенности стиля. Есть много движущихся частей и множество пользовательских интерфейсов, которые влияют на то, как выглядит ваше приложение, а также варианты, которые у вас есть для того, чтобы оно выглядело определенным образом.

Итак, как я часто делаю, я создал графику (все еще в процессе), чтобы показать все части и то, как они соотносятся друг с другом.

Темы

Это набор следующих элементов:

• Smart Colors: Набор фоновых цветов, каждый из которых сопоставлен с набором вторичных цветов. Каждый вторичный цвет предполагает семантическое значение («предупреждение» или «основной»), но вы не должны использовать его таким образом. Идея состоит в том, что когда вы меняете цвет фона, вторичный цвет автоматически изменяется на правильный цвет для нового фона.
• Шрифтов: Вы можете загрузить свои собственные шрифты, а затем с помощью переменных установить по умолчанию «основной» или «моноширинный» или любой другой семантический шрифт для вашего приложения. При выборе шрифта вы выбираете семантический шрифт, а не фактический шрифт.
• Переменные: Кажется, они связывают все вместе. Они определяют доступные значения для различных типов свойств, например определяют размеры теней, которые вы можете выбрать, или доступные отступы. Их все еще часто (всегда?) можно переопределить.

Стили

Каждый компонент поставляется с набором предварительно определенных стилей, и каждый стиль имеет набор свойств для этого компонента (например, шрифт, цвет, тень, интервал). Вы выбираете стиль при добавлении компонента. Подробнее об этом завтра (ниже).

Переменные

Переменные темы определяют значения, доступные для различных свойств в стилях.

Например, возьмем значения тени для кнопки:

Они определяются переменными темы:

Вы можете изменить значение этих параметров (через привязки) или добавить новую переменную для категории Shadow .

Хорошо, вернемся к стилям, поскольку именно здесь выполняется настоящее форматирование.

Каждый компонент поставляется с набором предопределенных стилей, которые вы можете выбрать (один из которых используется по умолчанию). Вы можете изменить эти предопределенные стили («Перезаписать») или создать свой собственный («Новый стиль») или просто внести локальные изменения для конкретного экземпляра компонента без глобального сохранения изменений.

Например, когда вы добавляете кнопку, вы получаете набор предопределенных стилей, выбранных в стиле Основная кнопка (по умолчанию).

Затем вы можете:

• Редактировать текущий стиль и вносить изменения локально.
• Отредактируйте текущий стиль, внесите изменения и сохраните их в стиле, чтобы он действовал на все остальные кнопки с этим стилем.
• Отредактируйте текущий стиль, внесите изменения и сохраните их в новом стиле.

Например, я хочу изменить цвет кнопки и сделать эту цветовую схему стандартной. Итак, я редактирую стиль:

Затем я меняю цвет и нажимаю Перезаписать . Обратите внимание, прежде чем я нажму Перезаписать , две кнопки имеют разные стили. Но после перезаписи цвет нижней кнопки (установленный в том же основном стиле) также изменится.

Для многих свойств в стиле можно просто ввести цвет или размер в пикселях или установить свойство вручную. Но многие из вариантов определяются переменными темы.

Вы можете полностью использовать все инструменты с низким кодом и без кода и пройти 18-часовой курс обучения с низким кодом и без кода из 8 модулей (SAP AppGyver, SAP Process Automation, SAP Work Zone) — и он включает сертификационный экзамен, если вы заинтересованы (платно), который является частью нового обучения SAP.

Оповещения недоступны для неавторизованных пользователей

Назначенные теги

Перфорированная бумага и перфорированные карточки

• Выбор: Более 100 стандартных макетов, два типа перфорации и различные цвета , отделка и вес
• Стоимость: самые низкие цены, высочайшее качество, 100% гарантия качества
• Поддержка: реальная служба поддержки клиентов, звоните 888.509.1233

Что вы хотите создать?

Билеты

Сертификаты

Офисные бланки

Открытки

Буклеты

Плакаты

Визитные карточки

Шелфтокеры

Закладки

Перфорация на 8,5 x 11 дюймов (Letter)

Белый складской номер: &пуля; Вес облигаций/текста &пуля; Вес покрытия &пуля; Безопасность (термочувствительный)

Цветной запас:    • Вес облигаций/текста

&пуля; Веллум Бристоль

&пуля; Астробрайты

Свой макет!

Создайте свою идеальную перфорацию 8,5 x 11 дюймов онлайн

Загрузка. ..

1 столбец x 3 ряда

8,5 x 11 дюймов

Дополнительная заглушка

Загрузка…

1 столбец x 2 ряда

8,5 x 11 дюймов

Дополнительная заглушка

Загрузка…

2 столбца x 2 ряда

8,5 x 11 дюймов

Дополнительная заглушка

Загрузка…

2 столбца x 3 ряда

8,5 x 11 дюймов

Дополнительная заглушка

Загрузка…

1 колонка x 1 ряд

8,5″x11″

0,5″ левое поле

Опциональная заглушка

Загрузка…

1 столбец x 4 ряда

8,5 x 11 дюймов

Дополнительная заглушка

Загрузка…

1 колонка x 1 ряд

8,5″ x 11″

Нижнее поле 3,25″

Загрузка…

1 столбец x 1 ряд

8,5″ x 11″

Нижнее поле 3,5″

  Просмотреть все макеты 8,5 x 11 дюймов (76)

Перфорация на 8,5 x 14 дюймов (Legal)

Белый складской номер: &пуля; Вес облигаций/текста    • Vellum Bristol

Цветной запас:    • 24 Bond/60 Вес текста

Свой макет!

Создайте свою идеальную перфорацию 8,5 x 14 дюймов онлайн

Загрузка. ..

1 столбец x 1 ряд

8,5 x 14 дюймов

Нижнее поле 3 дюйма

Загрузка…

1 столбец x 1 ряд

8,5″x14″

Нижнее поле 3,5″

  Посмотреть все макеты 8,5 x 14 дюймов (29)

Чистая бумага, предварительно перфорированная бумага

Загрузка…

Чистый лист бумаги 8,5 x 11 дюймов

Пустая перфорированная бумага, 5 отверстий сверху

8,5 x 11 дюймов

20lb Bond

Пустая перфорированная бумага, 5 отверстий слева

8,5 x 11 дюймов

20lb Bond

  Просмотреть все предварительно перфорированные продукты (9)

  Просмотреть все товары в одну строку и в один столбец (16)

Отзывы клиентов

1572 отзыва (4,7)

Отзывы 

Отзывы клиентов

1572 отзыва (4,7)

Отзывы от

13 сентября

жаль, что я не нашел их много лет назад.

Отличный продукт по разумной цене. В этом году мы напечатали около 3000 нечетных билетов самостоятельно, а не на принтере, поэтому мы смогли настроить каждый билет с помощью почтового слияния. Я буду делать билеты только таким образом снова.

Джефф Р.

30 августа

Быстрое обслуживание

Заказ пришел быстро.

Джеймс Б.

29 августа

Отличное обслуживание клиентов и доставка.

Отличное обслуживание клиентов и доставка.

Ребекка М.

29 августа

Отлично работает!

Отлично работает!

Ребекка М.

28 августа

Вряд ли я встречал такие

Вряд ли я встречал такую ​​великолепную команду людей. Лучшее обслуживание клиентов, лучшее внимание к моим потребностям, лучший ответ на все мои проблемы, максимально быстрое обслуживание… Я мог бы продолжать. Это компания, которая очень хорошо организована, и они заботятся о своих клиентах, как немногие. Спасибо.

Саул Р.

28 августа

Вряд ли я встречал такие

Вряд ли я встречал такую ​​великолепную команду людей. Лучшее обслуживание клиентов, лучшее внимание к моим потребностям, лучший ответ на все мои проблемы, максимально быстрое обслуживание… Я мог бы продолжать. Это компания, которая очень хорошо организована, и они заботятся о своих клиентах, как немногие. Спасибо.

Саул Р.

25 августа

Отличное обслуживание клиентов!

Отличное обслуживание клиентов!

Бритни Р.

25 августа

Отличное обслуживание клиентов!

Отличное обслуживание клиентов!

Бритни Р.

18 августа

Хороший продукт!

Отличный продукт, помогает повысить эффективность линии нанесения покрытия.

Вероника М.

8 августа

отлично иметь дело с

приятно иметь дело с

Патриция Ф.

8 августа

очень легко заказать быстро

очень легко заказать быстрая доставка Единственная проблема некоторые не перфорированы так хорошо, как хотелось бы. обязательно буду заказывать снова.

Патрисия Ф.

28 июля

Они идеально подходят для чего

Они идеально подходят для того, для чего они мне нужны! Благодаря перфорации ее было очень легко порвать, а качество бумаги было очень хорошим. Расстояние не было слишком маленьким или большим, чтобы мы могли разместить все прямо на секциях.

Николас Х.

25 июля

Пользовательский 8×4

Мы заказали изготовленную на заказ перфорированную бумагу 8×4 для шнурков и расписания для персонала нашего лагеря. Они оказались великолепны! Было легко создать шаблон с выбранными нами полями. Я думал, что отправил наш заказ, но оставил его в корзине, команда обслуживания клиентов Perforated Paper помогла мне обработать заказ и доставить его вовремя для наших нужд.