На конференции Flutter Interact 12 декабря компания Flutter представила последние функции расширений подключаемых модулей IDEA и AS.Hot UI, То есть визуальное программирование, вы быстро изменяете свойства компонента с открытым исходным кодом, а затем синхронизируете и запускаете на своем устройстве, эта функция так долго ждала, наконец, пришла к большому удовлетворению ах.
Давайте посмотрим на эту функцию, простое конкретное использование:
Установка плагина флаттера
Открытьhttp://plugins.jetbrains.com/plugin/9212-flutter/, (Почему я всегда вижу его как 9012? Ха-ха O(∩_∩)O~ ядовитый...), а затем загрузите соответствующую версию плагина в соответствии с версией средства разработки:
Версии IDE, поддерживаемые плагином
Одним словом: это должна быть Android Studio 3.5 и выше, прежде чем ее можно будет использовать.
Версия плагина Flutter42.1.*:
| Номер версии плагина Flutter | Поддерживаемые номера сборки Android Studio | Поддерживаемые номера версий выпуска Android Studio | Поддерживаемые номера версий Intellij IDEA |
|---|---|---|---|
| 42.1.4 | Сборка Android Studio 193.3519.25 — 193.* | Android Studio 3.5.3, Android Studio 3.6Beta 5 и Android Studio 4.0 Canary 6 | IntelliJ IDEA Ultimate 2019.3 — 2019.3.1 (исходная версия) Сообщество IntelliJ IDEA 2019.3 — 2019.3.1 (исходная часть) |
| 42.1.3 | Сборка Android Studio 192.7142 — 192.* | я не могу найти это | IntelliJ IDEA Ultimate 2019.2.4 IntelliJ IDEA Community 2019.2.4 |
| 42.1.2 | Сборка Android Studio 192.6262 — 192.7141 | я не могу найти это | IntelliJ IDEA Ultimate 2019.2.1 — 2019.2.3 Сообщество IntelliJ IDEA 2019.2.1 — 2019.2.3 |
| 42.1.1 | Сборка Android Studio 191.8026 — 191.* | Android Studio 3.5.3 | IntelliJ IDEA Ultimate 2019.1.4 IntelliJ IDEA Community 2019.1.4 |
Версия плагина Flutter42.0.*:
| Номер версии плагина Flutter | Поддерживаемые номера сборки Android Studio | Поддерживаемые номера версий выпуска Android Studio | Поддерживаемые номера версий Intellij IDEA | Функции |
|---|---|---|---|---|
| 42.0.4 | Сборка Android Studio 193.3519.25 — 193.* | Android Studio 3.5.3, Android Studio 3.6Beta 5 и Android Studio 4.0 Canary 6 | IntelliJ IDEA Ultimate 2019.3 — 2019.3.1 (исходная версия) Сообщество IntelliJ IDEA 2019.3 — 2019.3.1 (исходная часть) |
Реализация HOT UI |
| 42.0.3 | Сборка Android Studio 192.7142 — 192.* | я не могу найти это | IntelliJ IDEA Ultimate 2019.2.4 IntelliJ IDEA Community 2019.2.4 |
Реализация HOT UI |
| 42.0.2 | Сборка Android Studio 192.6262 — 192.7141 | я не могу найти это | IntelliJ IDEA Ultimate 2019.2.1 — 2019.2.3 Сообщество IntelliJ IDEA 2019.2.1 — 2019.2.3 |
Реализация HOT UI |
| 42.0.1 | Сборка Android Studio 191.8026 — 191.* | Android Studio 3.5.3 | IntelliJ IDEA Ultimate 2019.1.4 IntelliJ IDEA Community 2019.1.4 |
Реализация HOT UI |
Ниже приводится информация о номере версии, которую я вижу на официальном китайском сайте (конечно, есть некоторые номера версий, которые я не могу найти и не могу найти, где их скачать. Официального сайта на английском языке нет, и На официальном китайском сайте нет введения.Я надеюсь, что на официальном китайском сайте вы можете обновить информацию о загрузке этих версий.)
| Номер версии выпуска Android Studio | номер сборки |
|---|---|
| Android Studio 4.0 Canary 6 | 193.6052267 |
| Android Studio 3.6 Beta 5 | 192.6018865 |
| Android Studio 3.5.3 | 191.6010548 |
| Android Studio 4.0 Canary 5 | |
| Android Studio 4.0 Canary 4 | |
| Android Studio 3.6 Beta 4 | |
| Android Studio 4.0 Canary 3 | |
| Android Studio 4.0 Canary 2 | |
| Android Studio 3.6 Beta 3 | |
| Android Studio 3.5.2 | |
| Android Studio 3.6 Beta 2 | |
| Android Studio 4.0 Canary 1 | |
| Android Studio 3.6 Beta 1 | |
| Android Studio 3.5.1 | |
| Android Studio 3.6 Canary 12 | |
| Android Studio 3.6 Canary 11 | |
| Android Studio 3.6 Canary 10 | 192.5842447 |
| Android Studio 3.6 Canary 9 | 192.5830636 |
| Android Studio 3.6 Canary 8 | 192.5825043 |
| Android Studio 3.6 Canary 7 | 192.5807797 |
| Android Studio 3.5 | 191.5791312 |
| Android Studio 3.6 Canary 6 | 192.5787298 |
| Android Studio 3.6 Canary 5 | 191.5721125 |
| Android Studio 3.6 Canary 4 | 191.5679705 |
| Android Studio 3.6 Canary 3 | 191.5618338 |
| Android Studio 3.6 Canary 2 | 191.5599242 |
| Android Studio 3.6 Canary 1 | 191.5595896 |
Введение в использование плагинов
Вы можете найти эту новую функцию в плагине IntelliJ/Android Studio для Flutter, который в настоящее время находится в предварительной версии. Затем вы можете просматривать и взаимодействовать с компонентами непосредственно в среде IDE по мере их создания, щелкнув менюFile -> Settings-> Languages & Frameworks(Или после открытия страницы настроек выполните поиск напрямуюHOT UI), затем найтиFlutter, затем отметьте "HOT UI», конкретная операция показана на следующем рисунке:
Затем вы можете использовать "HOT UI«Измените свойства вашего компонента выше, тогда он будет обновляться непосредственно в интерфейсе предварительного просмотра и на вашем устройстве.
Используйте динамические диаграммы, как показано ниже:
Автору не легко писать статьи.Если вы считаете, что это выглядит хорошо, пожалуйста, поставьте лайк и поддержите.Спасибо.
Подробнее о замечательных галантерейных товарах Flutter, пожалуйста, обратите внимание на публичный аккаунт [Трепещите эти вещи], галантерейные товары ждут вас.