Публикации по теме 'grid-layout'
Вызов 007 – Целевая страница агентства Sunnyside🚀
Упражнение с сеткой CSS № 03
Hola… Добро пожаловать на финальное испытание с использованием CSS Grid!
Если вы впервые посетитель Добро пожаловать! 🤩 Прежде всего, давайте начнем с небольшого предисловия к сегодняшней статье.👇
Как некоторые из вас, возможно, знают, несколько недель назад я переключился на разработку пользовательского интерфейса и начал решать задачи с использованием HTML и CSS . Поэтому мы начали с задания № 001 с заданием под названием Компонент NFT-карты ,..
Редактор разметки сетки для Vue.js - исследовательский проект для Pariksha.io
В этом посте излагаются мои выводы и основные моменты создания редактора макетов динамического перетаскивания с использованием Vue.js с двумя библиотеками: 1) Gridstack.js и 2) Vue Grid Layout .
Этот мини-проект служит экспериментом для pariksha.io - платформы электронного обучения bitesize, над которой я сейчас работаю. Вы можете узнать об этом подробнее @ https://www.pariksha.io
Вдохновение
Идея этого проекта изначально возникла из рекламы iPad Pro Что такое..
Волшебная сетка
Простая и легкая библиотека Javascript для динамических макетов сетки.
Эта проблема
Реализация макета сетки может быстро превратиться в непростую задачу. Если у вас есть элементы сетки, которые всегда имеют одинаковую высоту, вы, вероятно, можете обойтись сеткой Flexbox или какой-либо другой реализацией сетки CSS. Однако, если вы имеете дело с пользовательским контентом, скорее всего, у вас нет роскоши, связанной с компонентами одинаковой высоты. Один более длинный или более..
Вопросы по теме 'grid-layout'
Класс GridData в SWT
Это о классе GridData в программировании пользовательского интерфейса SWT. Почему GridData должен быть окончательным?
Java Doc GridData говорит, что он окончательный. Я хочу понять, почему он должен быть окончательным.
Спасибо и с уважением
224 просмотров
schedule
31.07.2022
Динамическая высота TextView в GridLayout
У меня проблема с использованием GridLayout с использованием совместимости с библиотекой (без нее не пробовал). Я использую app:layout_gravity="fill_horizontal" вместо android:layout_gravity="fill_horizontal" , но все содержимое внутри TextView...
9221 просмотров
schedule
03.07.2023
сделать это способом GridLayout в Android
Привет у меня есть этот экран
что я сделал по этому коду.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"...
3133 просмотров
schedule
31.08.2022
Как я могу добавить элементы управления под XAML по умолчанию на базовой странице?
С удаленным кодом VisualStateManager для простоты XAML для базовой страницы в приложении Windows 8 выглядит следующим образом:
<!-- Back button and page title -->
<Grid> //row 0 by default...
248 просмотров
schedule
30.09.2022
Добавление макета графического интерфейса пользователя
public void testDialog()
{
JPanel myPanel = new JPanel(new GridBagLayout());
GridBagConstraints grid = new GridBagConstraints();
grid.gridx=0; //Moves Things across
grid.gridy=0; //Moves things down...
61 просмотров
schedule
06.06.2022
Как дать gridLayout возможность вертикальной и горизонтальной прокрутки при запуске приложения в Android?
Итак, представьте вид с 9 тайлами, который выглядит примерно так:
(плитка1) (плитка2) (плитка3)
(плитка4) (плитка5) (плитка6)
(плитка7) (плитка8) (плитка9)
Одна плитка занимает большую часть экрана. У меня это уже настроено с...
2172 просмотров
schedule
13.02.2024
Расширенный CSS макет с плавающей запятой/сеткой
Я немного поражен своим макетом сетки в CSS. У меня есть обертка (шириной 1000 пикселей) и я хочу поместить элементы div с float:left; и отступом от 23 пикселей между ними. Этого легко добиться с помощью селектора :nth-child . Но теперь у меня...
3594 просмотров
schedule
17.07.2023
Макет сетки списка с процентной шириной с процентным левым полем на ‹li› и отрицательным процентным левым полем на ‹ul›
Длинное название, извините.
Обычно, когда я делаю макеты сетки с использованием списков, у меня есть фиксированная ширина для <li> и <ul> . Затем у меня есть левое поле на <li> , которое я затем помещаю как отрицательное...
5421 просмотров
schedule
28.04.2022
Как добавить дополнительные классы столбцов в Bootstrap 3?
Bootstrap 3 изменил предыдущий подход классов span для системы сетки на более явные col-xs , col-md и т. д. Отличное улучшение imo, но все же я считаю, что хотел бы добавить дополнительные классы столбцов. В частности, я хочу создать класс...
3582 просмотров
schedule
06.08.2023
Удаление неиспользуемых классов сетки Foundation из SASS
Я немного новичок в Foundation и SCSS. Я пробую сетку Mixin в примере так:
/* Each individual part that can be added in */
@import "foundation/components/global";
@import "foundation/components/grid";
// @import...
748 просмотров
schedule
09.07.2023
Сетка Bootstrap 3 меньше по сравнению с html
Как лучше всего реализовать сетку bootstrap 3? Есть два варианта: через классы в html и через less миксины.
Использование классов начальной загрузки в html и bootstrap.css (что кажется стандартным):
<div class="container">
<div...
2152 просмотров
schedule
31.08.2022
Медленный отклик кнопки в Android GridLayout
Когда я помещаю свои кнопки в GridLayout , отклик на касание визуально отличается от обычного. При быстром касании изменение состояния по умолчанию на нажатое состояние выглядит как обычно, но когда я касаюсь и удерживаю, появляется очень заметная...
602 просмотров
schedule
18.06.2023
Макет сетки CSS: сетка из трех рядов
Мне любопытно, можно ли использовать CSS Grid Layout для создания такой вещи:
************************
* row #1 *
************************
* *
* *
* row #2 *
*...
6366 просмотров
schedule
10.02.2023
увеличить поля между графиками venn.diagramm в grid.layout
Я пытаюсь отобразить 4 графика venn.diagramm в сетке. Мне нужно увеличить расстояние между диаграммами, чтобы мои легенды не пересекались с другими диаграммами (или не находились за пределами графиков).
Я пытался сделать это, играя с margin в...
1477 просмотров
schedule
10.11.2022
Невозможно добавить изображение в определенную сетку ячеек для JPanel GridLayout
У меня есть JPanel с GridLayout (5,7), и я пытаюсь добавить изображение в определенную ячейку сетки, например: (3,1). При исследовании , я понял, что есть способ, и последовал ему.
Компилируемый исходный код
package testing;
import...
1134 просмотров
schedule
16.05.2023
Java качает GridLayout, настраивая размер ячейки
После запуска JPanel с помощью GridLayout (4,4) я вставляю JLabel (и прикрепляю к нему значок изображения) внутри каждой ячейки сетки размером (150 150).
когда я изменяю размер JLabel до размера (100 100), изображение обрезается (что меня вполне...
3150 просмотров
schedule
27.05.2022
Как изменить ширину желоба в сетке Responsable CSS Grid
Я использую сетку ResponsableCSS (.com) для LESS.
Все отлично работает, единственная проблема, которая у меня есть, заключается в том, что я не могу изменить ширину желоба, чтобы, если у меня есть следующее: -
Два div бок о бок разделены на 2...
367 просмотров
schedule
09.10.2022
Как разместить изображение в кадре, сохраняя соотношение сторон и центр в списке эскизов
Я хочу показать поле миниатюр списка в виде сетки данных. каждое миниатюрное изображение должно быть помещено в рамку с определенной шириной и высотой (для согласованности) следующим образом:
<div class='frame'>
<img src='img1.jpg'...
3553 просмотров
schedule
14.11.2022
Кодирование столбцов сетки смещения с помощью SASS
Я пытаюсь закодировать свою собственную адаптивную сетку, используя SASS. Используя этот простой учебник Мне удалось сделать простую сетку.
В настоящее время я вычисляю ширину всех столбцов в соответствии с их медиа-запросом, используя этот код:...
410 просмотров
schedule
11.06.2022
Как с помощью мыши изменить размер ячеек макета сетки с помощью Qt?
Я использую сетку (горизонтальную и вертикальную). Мне нравится то, что при изменении размера окно заполняет все содержимое окна. но это расширение плохо управляется. Я часто хочу изменить размер только одного столбца в сетке без изменения размера...
3660 просмотров
schedule
09.02.2023