Oleh
Ну а там потом самому дорисовать кнопки
Obito
https://www.electronjs.org/docs/api/frameless-window
Это не совсем, то. Т.к. там не раскрывается вопрос по поводу закругления углов у окна
Oleh
Откуда это скрин?
Oleh
в macos они сами по себе такие
[𝗥𝟬𝟳𝟱]
https://stackoverflow.com/questions/51262645/how-to-get-rounded-corners-on-an-electron-app первая ссылка
Maksim
Это не совсем, то. Т.к. там не раскрывается вопрос по поводу закругления углов у окна
Делаем прозрачное окно -> ставим ему на бэкграунд картинку с закругленными краями, либо сами закругляем -> профит
Obito
Oleh
https://stackoverflow.com/questions/51262645/how-to-get-rounded-corners-on-an-electron-app первая ссылка
там пишут что не работает
Maksim
Читайте документацию, там все это есть
Oleh
в комментах
[𝗥𝟬𝟳𝟱]
в комментах
не работает на линуксе (т.к. на линуксе куча чего с окнами не работает), а на других системах просто говорят скругление не на body вешать
Obito
но это скрин даже если и с макоса, явно borderless окно
Не. Это написано на wpf ( шарповская фигня для написания десктопных приложений ), и в wpf можно со стилем окна делать всё что захочешь.
[𝗥𝟬𝟳𝟱]
Не. Это написано на wpf ( шарповская фигня для написания десктопных приложений ), и в wpf можно со стилем окна делать всё что захочешь.
ну wpf то ты и не запустишь на макосе)
[𝗥𝟬𝟳𝟱]
шарпы только через моно на других осях работает, а там насколько я знаю ни winforms, ни wpf нет
Obito
ну wpf то ты и не запустишь на макосе)
Стоило сразу сказать зачем я хочу перенести своё приложение на electron. Всё просто. На электроне стили пишутся на html и css
Obito
ну wpf то ты и не запустишь на макосе)
Если бы я пилил кроссплатформенное приложение на C# я бы юзал avaloniaui или Uno platform
[𝗥𝟬𝟳𝟱]
Если бы я пилил кроссплатформенное приложение на C# я бы юзал avaloniaui или Uno platform
Лучше вообще на шарпах не пилить кросплатформенные. Для таких вещей есть Java или плюсы
Obito
Лучше вообще на шарпах не пилить кросплатформенные. Для таких вещей есть Java или плюсы
Да не, avalonia прекрасно справляется с задачей кросс-платформенности
[𝗥𝟬𝟳𝟱]
Бтв JavaFX то же самое что и WPF только для Java. Дизайн при помощи xml и css
[𝗥𝟬𝟳𝟱]
Бтв JavaFX то же самое что и WPF только для Java. Дизайн при помощи xml и css
Еще и веб + мобильные поддерживает.
Obito
Бтв JavaFX то же самое что и WPF только для Java. Дизайн при помощи xml и css
Ещё раз. Моя задача не кросс-платформенность. А возможность писать на html и css
Obito
Бтв JavaFX то же самое что и WPF только для Java. Дизайн при помощи xml и css
В том то и прикол wpf. В том что он только под винду. Соответственно его не душат рамки других платформ
Obito
Я бы хотел писать на wpf, но то что можно написать на xaml за 100 строк кода, на css можно написать за 20 строк
Electron.js releases
v12.0.7
https://github.com/electron/electron/releases/tag/v12.0.7
v12.0.7
Obito
Я минут двадцать ломал голову и не понимал почему не робит свойство corner-radius, а в css оказывается border-radius xD
Obito
Походу я делаю что-то не так. У меня тупо не работает опция transparent.
Obito
Obito
Obito
Obito
Obito
( Если что это тоже на wpf написано )
lovecode
Ребят, есть какой то упаковщик, после использование которого, не занимает много места
Lev
Много это сколько?
Lev
Это не много))
Lev
Это движок хромиума столько и весит
lovecode
и чтобы исходный код был обусцифицирован
Илья
а меньше мона как то сделать? :3
существует один скрипт "Tanos" называется, он уменьшает вес любого проекта в половину 😁
lovecode
существует один скрипт "Tanos" называется, он уменьшает вес любого проекта в половину 😁
а код обусифицирует? :3
𝔹𝕒𝕙𝕒
Electron.js releases
v14.0.0-nightly.20210507
https://github.com/electron/electron/releases/tag/v14.0.0-nightly.20210507
v14.0.0-nightly.20210507
Electron.js releases
v11.4.6
https://github.com/electron/electron/releases/tag/v11.4.6
v11.4.6
Electron.js releases
v14.0.0-nightly.20210508
https://github.com/electron/electron/releases/tag/v14.0.0-nightly.20210508
v14.0.0-nightly.20210508
Obito
Obito
Obito
𝔹𝕒𝕙𝕒
Obito
На класс тайтл бар добавь justify between: flex-end или end,
эмммм... Ты может что-то перепутал? Такого даже в документации нет.
𝔹𝕒𝕙𝕒
Так у тебя кастомный тайтл бар, и все остальное css-ом регулируется
𝔹𝕒𝕙𝕒
Тут электрон не причем
𝔹𝕒𝕙𝕒
Копай в строну css
Obito
Так у тебя кастомный тайтл бар, и все остальное css-ом регулируется
Obito
𝔹𝕒𝕙𝕒
justify-content: flex-end;
Obito
justify-content: flex-end;
Это я пробовал. И да, это действительно работает, но а, что если я захочу добавить что-то ещё в titlebar, тогда вся разметка будет элайниться вправо
Obito
𝔹𝕒𝕙𝕒
прочитай про флекс или покажи
Obito
Css файл?
𝔹𝕒𝕙𝕒
𝔹𝕒𝕙𝕒
тут не обязательно добавлять это flex-direction: row-reverse;
𝔹𝕒𝕙𝕒
.title-bar {
display: flex;
justify-content: space-between;
align-items: center;
}
Obito
Anton
еще можно у блока кнопок сделать margin-left: auto
[𝗥𝟬𝟳𝟱]
Dmitr
Dmitr
Obito ЗЫ глянь flexboxfroggy
Electron.js releases
v14.0.0-nightly.20210510
https://github.com/electron/electron/releases/tag/v14.0.0-nightly.20210510
v14.0.0-nightly.20210510
Electron.js releases
v13.0.0-beta.24
https://github.com/electron/electron/releases/tag/v13.0.0-beta.24
v13.0.0-beta.24
Anonymous
https://discuss.atom.io/t/cross-platform-open-with-myapp-context-menu-entry-in-electron-apps/37407/7