background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Скачать "Учим Python Kivy #1 - Введение"

input logo icon
Теги видео
|

Теги видео

python
kivy
уроки
qt
wx
tkinter
для начинающих
питон
пайтон
от нуля до профи
видеоуроки
pygame
kiwy
python для телефона
python 2018
хауди хо
Субтитры
|

Субтитры

subtitles menu arrow
  • enАнглийский
Скачать
00:00:02
[музыка]
00:00:04
хауди хо друзья сегодня у нас первый
00:00:08
урок из нашего нового курса по python
00:00:10
киви и если кто не знает то python киви
00:00:14
это графический фреймворк для языка
00:00:16
программирования python на котором вы
00:00:18
можете разрабатывать соответственно как
00:00:20
приложение а так и игры под windows и
00:00:23
под linux под mac os android и даже под
00:00:27
ios еще поддерживается разбери пай но
00:00:30
это платформа довольно специфично тем не
00:00:32
менее киви умеет не работайте
00:00:34
соответственно в нашем курсе будет
00:00:36
примерно 15 20 уроков в которых мы
00:00:39
разберем полностью python киви чтобы вы
00:00:42
смогли с ним работать и разрабатывать
00:00:44
пожалуй все что захотите начнём мы с
00:00:48
установки с разбора некоторых его важных
00:00:51
особенностей
00:00:52
с написания хеллоу ворлд а и продолжим
00:00:55
разбором его виджетов и концу курса
00:00:58
напишем с вами какую-нибудь простенькую
00:01:00
игру и какое-нибудь простенькое
00:01:01
приложение
00:01:02
например мультитач пинг-понг для android
00:01:05
или например змейку какую-нибудь и
00:01:08
кого-нибудь простое приложение чтобы вы
00:01:11
вообще могли применить свои полученные
00:01:13
знания уже на практике и понимали как
00:01:16
вообще это делается что касается
00:01:18
платформ под который мы будем
00:01:20
компилировать свои приложения то
00:01:21
работать я буду в основном на windows
00:01:24
тем не менее уже где-то во втором или в
00:01:26
третьем уроке мы займемся компиляции под
00:01:29
android облава делается это довольно
00:01:30
легко а вот под ios под разбери по и
00:01:34
linux и mac os вам придется
00:01:37
компилировать самостоятельно не
00:01:39
беспокойтесь это делается тоже довольно
00:01:40
легко я покажу где здесь расположенной
00:01:42
инструкции благо разработчики киви
00:01:45
написали инструкцию касательно
00:01:46
компиляции своего приложения под каждую
00:01:48
платформу отдельно ну а я буду работать
00:01:51
с виндой плюс буду рассказывать если
00:01:54
есть какие-то особенности работы с
00:01:56
линуксом потому что моя вторая
00:01:57
операционной система это linux и если
00:02:00
будут какие-то особенности я об этом
00:02:02
буду вам сообщать давайте пожалуй начнём
00:02:04
с того какие знания вам потребуется для
00:02:07
работы с python киви той чтобы его
00:02:10
эффективно изучить
00:02:11
вам понадобятся знания языка
00:02:13
программирования python а именно его о
00:02:16
самых-самых основ будет достаточно если
00:02:18
же этих основ вас нет и например вы не
00:02:21
можете отличить
00:02:22
список от кортежа то вам нужно пройти
00:02:24
хотя бы 1 мой урок из курса python
00:02:26
джедаи вот этот урок ссылку на него я
00:02:29
оставлю в описании и желательно пройти
00:02:31
как минимум 5 10 первых уроков из этого
00:02:33
курса чтобы вам было уже более-менее
00:02:35
свободно писать код и вы не задавались
00:02:38
какими-то личными вопросами касательно
00:02:40
коды и могли сконцентрироваться на
00:02:41
обучение конкретно python киви если же
00:02:44
основы пайтона у вас уже есть то можешь
00:02:46
сразу приступать к обучению хотя даже
00:02:49
если у вас их нет то все равно можете
00:02:51
начинать учить благо знания python здесь
00:02:54
нужны совсем уж минимальные
00:02:55
и начнем пожалуй давайте с установки
00:02:59
python heavy делается это очень легко
00:03:00
переходите на официальный сайт это киви
00:03:03
. орк дальше в раздел help
00:03:05
дальше нам нужен раздел getting started
00:03:07
with heavy
00:03:09
соответственно здесь слева выбираем
00:03:11
пункт installation
00:03:12
и здесь идет соответственно четыре
00:03:15
инструкции идут под винду
00:03:17
по однако с под linux и под разбери пай
00:03:21
я буду показывать под винду по другие
00:03:23
платформы там примерно также установка
00:03:25
происходит я думаю разберетесь так идем
00:03:29
ниже и соответственно здесь идут 4
00:03:30
инструкции при этом я предполагаю что
00:03:33
python у вас уже установлен чтобы это
00:03:35
проверить можете просто открыть консоль
00:03:37
и вбить сюда команду python
00:03:40
как видите у меня он установлен это
00:03:42
версия 360 версия довольно важно поэтому
00:03:45
запомним этот момент первая команда
00:03:48
которую нужно выполнить это python м тип
00:03:50
инсталлов great people will set up to us
00:03:53
которая соответственно либо установить
00:03:55
либо обновит вашей пип wheels если
00:03:58
totals можно ее дать то есть и и
00:04:01
копируете сюда жмете энтер и все это
00:04:04
происходит дожидается окончания команды
00:04:07
у меня как видите тип evil уже новых
00:04:10
версий a set up tool сон только что
00:04:12
обновил
00:04:13
дальше вам нужно вот эту команду убить
00:04:16
копируйте ее просто сюда вставляете и
00:04:19
исполняйте
00:04:20
у меня они все уже установлены затем g
00:04:23
стример вот эта команда это опциональная
00:04:26
команда
00:04:27
его устанавливать не обязательно но если
00:04:29
у вас очень уж быстрый интернет и вам не
00:04:31
жалко лишних 20 30 секунд то можете его
00:04:34
установить в будущем он вам возможно
00:04:35
понадобится если кто не знает тот же
00:04:38
стример предназначен для работы смейте
00:04:40
если вы захотите например создать на
00:04:42
python киви какой-нибудь редактор видео
00:04:45
то тогда джесс триммер вам пригодится
00:04:47
тем не менее я сейчас это пропущу и вы
00:04:50
думаю тоже можете пропустить потому что
00:04:52
сейчас это не нужно если у вас версия
00:04:55
python 3 5 как помним у меня это версия
00:04:58
360 то есть мне это не надо но если у
00:05:00
вас версия python 3 и 5 то тогда вам
00:05:02
нужно еще вот эту команду выполнить то
00:05:05
есть копируем ее и вставляем я ее
00:05:07
выполнять не буду почту меня не 35
00:05:09
python то есть если же у вас три и пять
00:05:11
вы можете либо обновить свой python до
00:05:14
новой версии
00:05:15
либо выполнить эту команду
00:05:17
соответственно и наконец последняя
00:05:20
команда которая нам нужно исполнить эта
00:05:22
установка непосредственно самого киви
00:05:24
как видите делается это очень легко
00:05:26
убиваете эту команду после чего
00:05:29
устанавливается киви он у меня уже
00:05:31
установлен о чем нам и сообщает тип 4
00:05:35
опциональные команда нужно для установки
00:05:37
примеру в кода официальных если пози
00:05:40
тория киви можете это делать но что нет
00:05:42
мне например они не пригодились
00:05:43
если же вы хотите потом посмотреть на
00:05:46
эти экзампла то можете ее убить чтобы
00:05:49
потом посмотреть по какой директории
00:05:51
расположенные тех зам play просто вбейте
00:05:54
и снова и у вас выйдет вот так путь в
00:05:57
котором вы найдете соответственно все
00:05:58
эти примеры
00:05:59
то есть киви examples папку думаю
00:06:02
разберетесь после этого соответственно у
00:06:04
вас уже будет установлен python киви
00:06:08
если же нет то читайте здесь дальше на
00:06:11
разбирайтесь что у вас не так здесь
00:06:13
довольно большая инструкция но тем не
00:06:15
менее то что и показал должно с ходу
00:06:17
заработать у всех если же у вас по
00:06:20
какой-то причине что-то не так то в
00:06:23
комментариях пишите об этом
00:06:24
рассказываете что у вас не так возможно
00:06:26
какая-то ошибка вышла но я думаю вы
00:06:29
поняли после этого киви уже установленные с ним
00:06:32
можно работать
00:06:33
чтобы проверить это можно в принципе вид
00:06:36
здесь python и здесь сбит что-то типа в
00:06:39
chrome киви об импорт f
00:06:42
если у вас вышли эти же строки но
00:06:45
примерно никакой ошибки не произошло то у вас все
00:06:48
хорошо киви установлен можете начинать
00:06:51
работу так и давайте пожалуй начнём с
00:06:55
того что напишем hello world
00:06:57
на python киви но не буквальном смысле
00:07:01
а просто какой-то самую элементарную
00:07:02
программу я создам файл main пай как его
00:07:08
называть это сейчас неважно можете
00:07:09
назвать как хотите по вот этому пути я
00:07:12
его расположил то есть я кот мастерски
00:07:15
велес sense lesson 1 также я у себя в
00:07:18
командной строке открою эту директорию
00:07:20
так как мы на винте сиди
00:07:23
не изменило наш логический диск мы все
00:07:26
еще в c находимся поэтому дам
00:07:28
дополнительную команду всё теперь ивье
00:07:31
это учитываете если вы тоже на линде
00:07:32
сидите то есть чтобы вас консоль
00:07:34
отображала именно этот путь сейчас если
00:07:36
нет то прописываете вот так название
00:07:39
логического диска открываем этот файл
00:07:41
соответственно в редакторе и чтобы
00:07:44
написать самую элементарную программу
00:07:47
которая просто создаст пустое окно
00:07:48
программы нам нужно из киви об
00:07:52
импортировать модуль об отметки
00:07:55
учитывайте чтобы у вас вот здесь был с
00:07:57
большой буквы
00:07:58
если быть маленькой работать не будет
00:07:59
это python здесь важен регистр
00:08:01
а после этого создаем класс называем его
00:08:05
например май об здесь важно чтобы в
00:08:07
конце iv было и он будет производным от
00:08:10
об он может быть у нас пустым после
00:08:14
этого мы проверяем что текущий модуль и
00:08:17
the main и если это так то создаем
00:08:21
экземпляр класса май об и сразу
00:08:24
запускаем метод ран
00:08:26
вот такой простой код если мы его
00:08:29
запустим давайте с командной строки
00:08:32
python main .
00:08:35
пай
00:08:36
в этом случае получаем пустое окно то
00:08:40
есть киеве работает все запустилось все
00:08:42
хорошо мы его можем менять то есть
00:08:44
менять его размер и можем начать уже
00:08:47
здесь добавлять какие-то виджет и
00:08:48
соответственно то есть кнопки или что-то
00:08:51
еще такое самое простое что мы можем
00:08:54
здесь сделать это вернуть кнопку для
00:08:56
этого мы должны сначала подключить эту
00:08:58
кнопку к нашему коду то есть прописываем
00:09:00
команду from киви и x батон бартон
00:09:04
импорт батон с большой буквы здесь
00:09:07
используется кинул кейс поэтому это
00:09:10
можно учесть и соответственно здесь нам
00:09:13
нужен метод
00:09:14
в который будет называться build создаем
00:09:18
его и он будет у нас возвращать этот виджет
00:09:21
ричард батон все пустая кнопка можем ее
00:09:24
просто вот так пустой вернуть запускаем
00:09:27
код и получаем уже эту кнопку на который
00:09:29
можем кликнуть
00:09:30
как видите вот я кликаю зажимаю она
00:09:32
меняет свой цвет при этом у этой кнопки
00:09:36
отсутствует какой-то текст на ней чтоб
00:09:39
текст добавить можно в принципе передать
00:09:42
аргумент текст это моя первая кнопка все
00:09:46
очень просто запускаем это моя первая
00:09:49
кнопка как видите она занимает весь
00:09:52
доступный размер окна и это довольно
00:09:54
адекватное поведение которое позже я
00:09:57
научилась изменяется что вы могли
00:09:58
допустим не одну а сто кнопка
00:10:00
располагать так как вам этого захочется
00:10:03
дальше что хочется сразу рассказать
00:10:06
кроме простейший кнопки это как например
00:10:08
посмотреть в документации тиви
00:10:10
что эта кнопка принимает какие у нее
00:10:13
есть методы события и все такое это тоже
00:10:15
очень довольно легко делается переходим
00:10:17
на главную а пятки в раздел help и здесь
00:10:20
нет пункта 1 форекс
00:10:22
вот он нам нужен открываем его здесь в
00:10:25
левой панели ищем ки-викс
00:10:27
потому что все виджеты находится в уикс
00:10:30
вот она ки-викс здесь ищем keeway weeks
00:10:33
батон вот она киви и weeks батон жмем
00:10:37
сюда и здесь открывать соответственно
00:10:39
страница виджета батон то есть кнопка
00:10:41
здесь показан даже на скриншоте примет
00:10:44
как выглядит эта кнопка пример создания
00:10:46
этой кнопки здесь еще кроме текста есть
00:10:48
аргумент фонд сайт
00:10:50
задающий размер шрифта здесь показан
00:10:53
халтуры течь callback то есть как
00:10:55
callback на нажатие кнопки добавить как
00:10:59
видите у нее есть либо метод боинг либо
00:11:02
можно прямо в объявлении это задать то
00:11:04
есть что мы можем сделать можем поменять
00:11:06
размер шрифта этой кнопки фонд сайте
00:11:09
допустим я сделаю ну 30 пусть
00:11:12
изменится довольно заметно вот как
00:11:15
видите она стала в разы больше чем было
00:11:17
при этом мы можем предлагаю вот так
00:11:21
разделять аргументы чтобы не терять их
00:11:23
из виду мы можем добавить он пресс и
00:11:25
здесь указать какой метод будет вызван
00:11:28
или какая функция когда нажмете на эту
00:11:31
кнопку мыши то есть произойдет события
00:11:33
клика по этой кнопке я сделаю что-то
00:11:36
типа сел в bt and press
00:11:38
и в этом же классе объявлю метод bt and
00:11:43
press
00:11:44
который должен принимать сэлфи instance
00:11:46
и пусть он допустим при нажатии выводит
00:11:50
просто на экран кнопка нажата то есть не
00:11:53
наигранно в консоли почему я понял что
00:11:56
здесь у него один аргумент instances
00:11:59
потому что только что мы смотрели вот
00:12:01
этот метод который здесь в примере
00:12:03
показан call back его принимает один
00:12:06
аргумент instance incense переводе с английского
00:12:09
это экземпляр
00:12:10
поэтому понятно что первым аргументом
00:12:12
принимается экземпляр кнопки которая
00:12:14
была нажата на это в принципе очень
00:12:16
логично я думаю всем понятно
00:12:18
запускаем код жмем на кнопку видим в
00:12:22
консоли появляется надпись кнопка нажата
00:12:24
довольно круто так как это экземпляр на
00:12:27
этой кнопки мы можем здесь после того
00:12:29
как кнопка была нажата поменять ее текст
00:12:32
например instance .
00:12:34
текст равняется или что-то типа привет
00:12:38
мир ну или я нажата давайте на винтах
00:12:41
более логично я нажата запускаем жмем на
00:12:46
кнопку и видим что она не меняет свой
00:12:49
текст что довольно странно ну да я
00:12:52
написал не инст с и
00:12:53
в перемену не брали назвал так запускаем
00:12:57
заново жмем я нажата как видите после
00:13:00
клика она поменяла свой текст
00:13:02
то есть мы с вами уже создали довольно
00:13:05
простое приложение на киви мы с вами уже
00:13:08
кинули кнопку и уже соответственно
00:13:10
добавили ей кое какое поведение если
00:13:13
посмотрим дальше по документации то
00:13:15
здесь а внизу видно что также у нее есть
00:13:17
background каллы который задается в
00:13:20
формате rgb вот пример того как задается
00:13:24
который меняет фон этой кнопки при этом
00:13:28
также написано дэс xs sml тёплой оттуда
00:13:31
текст шакалы
00:13:32
что означает что этот свет стандартно
00:13:36
работает как наложения в режиме
00:13:39
умножения для цвета этой кнопки если вы
00:13:43
работали с фотошопом то понимаете о чем
00:13:44
идет речь если нет то можете просто
00:13:46
забить и от не очень важно задаем бы
00:13:49
ground каллы в значении допустим red
00:13:55
001 rgb формат то есть оно должно быть
00:13:59
красный запускаем получаем красную
00:14:02
кнопку но она не яркая она тёмно-красная
00:14:05
и кстати почему я здесь указал не 255
00:14:08
один потому что это проценты здесь
00:14:12
процент на rgb то есть успеха тел пол
00:14:15
красного половину то есть я бы написал .
00:14:17
5 если бы 10 процентов красного . один я
00:14:21
думаю такой формат всем знакам и
00:14:24
особенно когда вы разрабатываете
00:14:26
приложение или игры такие форматы они
00:14:29
просто mazda
00:14:31
открываем заново и перейдем опять к
00:14:34
вопросу о том почему она нас
00:14:35
темно-красная об этом было сказано вот
00:14:37
здесь потому что она работает в режиме
00:14:40
наложения в режиме умножения поэтому
00:14:44
здесь написано дает дефолт текста из
00:14:46
грей сау джаз с этим дабы ground каллы
00:14:48
will be в дар к резалт и все объясняется
00:14:51
то с этой playing all is set background
00:14:53
normal to empty strings
00:14:56
то есть если вы знаете английский вам
00:14:58
будет особо легко если же нет не
00:15:00
беспокойтесь по ходу курса мы все это
00:15:02
будем разбирать
00:15:03
но практически все добавляем здесь
00:15:06
поэтому аргумент
00:15:07
background normal в значении пуста так
00:15:13
что-то явно не так сделал бэкграунд
00:15:16
normal a : совсем забывает что это не
00:15:19
джейсон и запускаем после чего получаем
00:15:23
ярко-ярко соответственно красный цвет
00:15:27
что касается того как получить любой
00:15:29
цвет который вы хотите и его сюда
00:15:31
вписать то это тоже довольно легко
00:15:33
открывать коллар манию
00:15:34
дальше наводите допустим я вот этот
00:15:37
голубенький хочу получить вот этот
00:15:39
дальше здесь режим открываем и открываем
00:15:43
пункт лдпр сент-луис и получаем значение в
00:15:46
процентах их копируем вставляем вот сюда
00:15:50
у каждого вначале добавляем точку после
00:15:54
чего запускаем приложения и получаем
00:15:56
кнопку точно такого же цвета вот так вы
00:15:59
можете указать любой цвет в процентном
00:16:02
формате rgb с помощью call armani и она
00:16:05
обладает поддерживает тоже достаточно
00:16:08
такой интересный пункт который следует
00:16:10
учитывать и как видите в принципе вот мы
00:16:13
с вами написали свое первое приложение
00:16:14
но давайте пойдем дальше посмотрим какие
00:16:17
здесь еще есть виджеты потому что в
00:16:20
принципе я думаю всем интересно
00:16:21
посмотреть в первом уроке как это вообще
00:16:25
все делается что еще есть даже если вы
00:16:27
не половины не понимаете тем не менее
00:16:28
интересно дальше мы это будем уже более
00:16:31
углубленно изучать и соответственно уже
00:16:33
полностью понимать что и зачем мы делаем
00:16:35
здесь соответственно есть виджет кнопки
00:16:38
виджет лейбла то есть надписи обычный
00:16:41
лист view виджет модальные модального
00:16:44
окна видят па-па-па прогресс барр есть
00:16:47
какие то есть виджеты виды dropdown а то
00:16:50
есть select вычтем эл виджет выбора
00:16:53
цвета виджет ввода кода
00:16:55
если вы хотите написать свой собственный
00:16:57
редактор кода допустим виджет checkbox а
00:17:00
карусели это и изображение когда
00:17:02
крутится виджет камеры и в общем их то
00:17:04
есть дофига достаточно давайте попробуем
00:17:07
применить виджет caught input
00:17:09
из документации я опять таки это все
00:17:11
показываю чтобы вы уже сходу научились
00:17:13
применять документацию киви
00:17:15
потому что это достаточно важно чтобы вы
00:17:17
в будущем меньше задавали вопросов и
00:17:19
сами находили вот эти ответы и сами
00:17:22
умели все это применять помощью
00:17:23
документации здесь соответственно
00:17:25
показывается что caught in put pro white
00:17:27
box of edith а был highlighted текст то
00:17:30
есть обеспечивает вам такую коробку в
00:17:32
которой вы можете вводить код который
00:17:34
будет подсвечиваться на этой совсем
00:17:36
грубо перевел но тем не менее он
00:17:38
поддерживает все функции которые
00:17:40
поддерживают виджет текст input здесь
00:17:42
написано и также под подсвечивает код а
00:17:46
подсветка предоставляется модулем
00:17:49
пигмент давайте откроем эту ссылку и
00:17:51
также предоставляется подсветка киви
00:17:54
lexer здесь написано и примеры
00:17:56
использования
00:17:57
как видите они импортируют здесь сам
00:18:00
колдун put давайте так и сделаем то есть
00:18:04
прописываем здесь from киви и x-code
00:18:09
input импорт холдинг тут киви лектер я
00:18:13
не буду импортировать вот этот потому
00:18:14
что мне highlight этот не нужен я хочу
00:18:16
допустим подсветить html-код откроем эту
00:18:20
страницу здесь вот написано что это
00:18:22
список поддерживаемых языков
00:18:23
программирования и не только и найдем
00:18:26
здесь html
00:18:28
так lexer свой html-кода вот это h-moll
00:18:33
xml вот она и чтим эликсир так теперь
00:18:37
посмотрим как это импортировать здесь
00:18:39
вот идет пример импортирование подсветки
00:18:43
для кайтона то есть идет следующим
00:18:46
образом дайте попытаемся я не уверен
00:18:48
будет ли ошибка сейчас from пигмент
00:18:51
эликсир импорт и соответственно и чтим
00:18:56
эликсир который мы вот отсюда взяли вот
00:18:58
этот вот
00:19:00
дальше в билде мы за место кнопки вернем
00:19:04
к 1 пуд лифтинг от input и
00:19:07
соответственно здесь нужно указать lexer
00:19:09
нашем случае это экземпляра и четырем
00:19:11
эликсир и запускаем код как видите все в
00:19:16
принципе заработал нормально у нас здесь
00:19:18
импорт в которой мы можем писать что-то
00:19:20
давайте попытаемся написать какой-то
00:19:21
простой читы миль код
00:19:32
и как видите все работает он
00:19:34
подсвечивает дальше там можно будет
00:19:37
допустим изучить виджеты верхнего меню
00:19:39
добавить туда кнопку сохранить и у нас
00:19:41
будет вполне себе приличный аналог
00:19:43
соблазн текста ну да ладно да собой
00:19:46
текста конечно очень далеко можно нужно
00:19:49
будет очень много чего изучать чтобы это
00:19:51
сделать и много писать но пример я думаю
00:19:54
вы поняли уже мы использовали с вами
00:19:56
какой-то другой виджет из документации
00:19:58
еще что хочется сразу в первом уроке
00:20:01
также показать это как изменить размер
00:20:03
окна то есть как видите оси z запускаю и
00:20:05
размер окна у нас вот такой всегда и при
00:20:08
этом мы можем его менять в большинстве
00:20:10
gui фреймворков таких допустим как юте
00:20:12
это показывается на самом первом уроке
00:20:14
поэтому давайте чтобы киви тоже не был
00:20:17
исключением и это тоже покажу в киви это
00:20:19
делается с помощью модуля конфига то
00:20:21
есть нам нужно написать from киви конфиг
00:20:25
импорт конфиг и здесь так с большой
00:20:29
буквы мой собой текст так и хочет все с
00:20:32
маленькой писать не понимать что это
00:20:33
кино кейс ну да ладно в общем здесь в
00:20:37
водоем команду конфиг
00:20:39
set здесь нам нужно указать graphics
00:20:43
первым аргументом второе это то что мы
00:20:46
меняем нашем случае это ресайза был
00:20:49
и дальше 00 это аналог фолз вот такая
00:20:55
команда скажет киви о том что окно не
00:20:58
должно менять размер не знаю как на
00:21:01
русский это адекватно перевести в общем
00:21:03
она казалась был windows как видите я не
00:21:05
могу изменить его размер вот я подвожу
00:21:06
мышь и у меня не появляются вот эти
00:21:08
controls и дальше как изменить размер
00:21:11
окна это тоже самое можем скопировать
00:21:13
только здесь uid а здесь хайд следующим
00:21:17
образом соответственно uid
00:21:19
для ширины давайте допустим ширину
00:21:22
сделаем 900 ну или 700 а высоту сделаем
00:21:26
400
00:21:28
запускаем код как видите получилось вот
00:21:32
такое окошко которая мы не можем
00:21:33
изменить вот так очень просто меняется
00:21:36
размер окна что вполне вполне важно
00:21:39
понимать давайте поставим наверное 640
00:21:41
на 480
00:21:44
такой вот стандартное разрешение
00:21:47
черновой со так нас который мы будем
00:21:49
работать и теперь уберем наш колдун под
00:21:53
вернемся к кнопке последняя пожалуйста
00:21:55
хочется показать это то как расположить
00:21:58
и кнопку конкретно посередине допустим
00:22:00
чтобы наклонить вот такая вот была а не
00:22:02
занимало все доступно и весь доступный
00:22:05
размер окна
00:22:06
это делается довольно просто в коде но
00:22:11
еще проще это делается будет тогда когда
00:22:13
мы с вами изучим так называемые киви
00:22:15
design line which киви design line which
00:22:18
это такая штука если которую мы изучим
00:22:20
точнее не если а когда мы сможем легко
00:22:23
делать очень сложный интерфейс и в том
00:22:25
числе располагать кнопки абсолютно как
00:22:28
только нам вздумается все это связывать
00:22:31
ну и в общем это будет очень круто
00:22:32
тем не менее это мы будем в следующих
00:22:35
уроках делать а сейчас давайте сделаем
00:22:37
так как мы можем для этого нам
00:22:40
пригодится флот layout
00:22:42
то есть мы делаем from киви и x флот
00:22:46
layout импорт флот layout именно в таком
00:22:52
формате соответственно в билде мы
00:22:55
создадим переменную флот layout в
00:22:57
который поместим instance float лейаута
00:22:59
которому передадим аргумент допустим в
00:23:02
says 300 300 опять-таки эти все
00:23:05
аргументы позже мы с вами еще изучим а
00:23:08
сейчас просто смотрите как это делается
00:23:10
чтобы примерно понимали что в будущем
00:23:12
будете работать дальше в этот флот
00:23:14
layout нам нужно добавить кнопку это
00:23:17
виджет потому что здесь древовидная
00:23:20
структура будет следующим образом
00:23:24
и вернуть нам нужно уже соответственно
00:23:27
не кнопку a flat layout если мы это
00:23:30
сейчас запустим то получится та же самая
00:23:33
картина которая и была почему так
00:23:35
происходит потому что флот layout он
00:23:39
стандартно также занимает все доступное
00:23:41
пространство и в контексте этого
00:23:43
доступного пространства позволяет
00:23:44
позиционировать виджеты которые к нему
00:23:46
прикрепляются в нашем случае мы добавили
00:23:49
к нему
00:23:50
прикрепили только один виджет эту кнопку
00:23:52
соответственно чтобы изменить позицию и
00:23:55
размер этой кнопки и мы должны ей
00:23:56
указать дополнительные аргументы первый
00:24:00
аргумент называется says hand и он
00:24:03
указывает размер
00:24:04
опять таки процент на этой кнопке по
00:24:07
отношению к флот лайалл давайте допустим
00:24:09
сделаем так что она будет в ширину 50
00:24:11
процентов высоту 25 процентов довольно
00:24:14
такая тривиальная решение но тем не
00:24:16
менее нам подойдет и ее позиция
00:24:19
стандартная позиция 00 давайте я
00:24:21
выставлю и посмотрим что будет как
00:24:23
видите кнопка у нас расположилась вот
00:24:25
здесь также давайте размер шрифта
00:24:27
поменяем на 16 чтобы все покрасивее
00:24:30
выглядела и кнопку сделаем красный
00:24:31
пожалуй так 001 вот так чтобы это просто
00:24:36
приличное выглядела почему она
00:24:38
расположилась у нас слева снизу
00:24:40
если вы когда-нибудь программировали то
00:24:42
есть она gui фреймворк ах на том же
00:24:45
кьюти например ли на delphi delphi red
00:24:47
программы или на visual studio то там x0
00:24:51
y0 то есть это x и y обозначают левую
00:24:55
верхнюю позицию в киви это немного
00:24:58
по-другому x здесь обозначает все еще
00:25:01
левую позицию однако y обозначает нижнюю
00:25:03
позицию по этому если вы хотите сдвинуть
00:25:06
снизу на какое-то расстояние кнопку то
00:25:09
тогда вам нужно будет указывать здесь 10
00:25:11
в отличие от того чтобы вы делали в
00:25:14
других gui builder ах то есть как видите
00:25:16
вот она сдвинулась и такое небольшое
00:25:18
отличие которое также следует учитывать
00:25:20
теперь продолжим по поводу того как
00:25:22
расположить ее по центру так как 00 это
00:25:25
лево низ у нас и так как мы знаем
00:25:27
конкретную ширину и высоту нашего окна
00:25:29
мы можем написать что-то типа
00:25:31
640 деленное на 2 минус 106
00:25:36
от это то есть половина от половины так
00:25:40
2 0 с чего я сделал вот это 640 это вся
00:25:45
ширина окна мы ее делим на 2 смотрите
00:25:48
что получается из я прям вот так сделаю
00:25:50
она располагается ровно посередине вот
00:25:53
вот она середина однако нам эту кнопку
00:25:55
нужно сдвинуть и еще налево от ее
00:25:59
размера то есть если у нас кнопка имеет размер в
00:26:02
50 процентов всего окна 50 процентов
00:26:05
этого на 640
00:26:06
соответственно мы сделаем что-то типа
00:26:09
640 деленное на 2 деленное на 2
00:26:13
запускаем она у нас будет по центру или
00:26:16
же чтобы не писать так формула я могу
00:26:18
сразу 160 написать потому что я знаю что
00:26:20
640 деленное на 2 деленное на 2 и до 160
00:26:23
теперь по игреку чтобы расположить по
00:26:27
середине мы соответственно можем
00:26:28
написать что-то типа 480 то есть высота
00:26:33
окна деленное на 2а минус соответственно
00:26:36
480 умноженная на . 25 то есть 25
00:26:40
процентов деленное на два
00:26:41
пример вот так если запустим то получаем
00:26:45
то что наша кнопка ровно по сей день
00:26:46
располагается не бойтесь этих
00:26:48
математических операций это я только
00:26:51
сейчас их использую чтобы вам показать
00:26:52
как это исхода делается как я уже сказал
00:26:55
когда мы выучим киви дизайн ленгвич в
00:26:57
каком-то из уроков это все будет
00:26:59
делаться очень простая абсолютно никаких
00:27:01
математических операций то мне
00:27:03
потребуется вы там сможете это все
00:27:05
располагать или в центр или как только
00:27:07
захотите средствами киви блага у него
00:27:09
там это все очень легко будет делаться
00:27:11
тем не менее сейчас я думаю те кто ранее
00:27:13
работали с построением интерфейсов легко
00:27:17
очень поняли то что здесь написано если
00:27:19
же нет то на примере первого я уже
00:27:22
объяснил как x вычисляемые то есть
00:27:24
середину позицию это вы можете
00:27:25
посмотреть как вычисляется 2
00:27:27
я думаю это тоже очень легко но если не
00:27:31
поняли то забейте в будущем в это
00:27:33
обязательно поймете
00:27:35
и таким образом мы с вами сделали но
00:27:37
такой вот штуку и на этом пожалуй все
00:27:40
что я хотел вам показать в первом уроке
00:27:42
мы с вами немного поработали с киви
00:27:44
тем не менее если вы большинство из того
00:27:46
что мы сделали не поняли не беспокойтесь
00:27:48
позже вы все это обязательно поймете и
00:27:51
кстати да еще один виджет который я бы
00:27:53
хотел вам в первом же уроке уже показать
00:27:55
чтобы понимали активе больше это виджет
00:27:58
с катар он достаточно интересно даже в
00:28:00
туториале первым показывается вот он и
00:28:02
виджет scatter этот виджет позволяет вам
00:28:06
изменять скажем так виджеты которые вы в
00:28:10
него добавите посредством двух пальцев
00:28:13
своих то есть как это вы делаете на
00:28:15
андроиде тачи картинку допустим в любом
00:28:18
редакторе когда вы берете двумя пальцами
00:28:20
ее поворачивать я думаю все так делали
00:28:22
на телефоне и в общем виджет катар для
00:28:24
этого и нужен давайте я покажу это будет более понятно
00:28:27
чем моё объяснение фомки why vixx
00:28:30
scatter импорт катар а дальше создаем
00:28:34
экземпляр с катера с равно скатов
00:28:37
никаких аргументов ему не надо
00:28:38
единственное что после создания флот лей
00:28:41
аутом и с катар добавим флот layout то
00:28:44
есть с и 2jet
00:28:45
ф.л. наш флот layout и при этом мы
00:28:50
возвращаем скатов вот так очень просто
00:28:53
запускаем и получаем вот такую штуку
00:28:57
при этом мы можем ее двигать то есть
00:29:00
сейчас я не могу так у меня экран не
00:29:02
поддерживает touch screen это у меня не
00:29:04
тачскрин экран
00:29:05
соответственно я могу использовать
00:29:07
эмуляцию от киви то есть нажму правую
00:29:09
кнопку суда и нажму допустим правую
00:29:11
кнопку суда после этого я могу вот так
00:29:14
вот делать то есть это эмуляция двух
00:29:16
пальцев идет грубо говоря я думаю все
00:29:18
так на телефоне делали и понимаете о чем
00:29:20
я говорю я не могу поворачивать вот так
00:29:23
вот я могу и увеличивать и
00:29:25
соответственно это будет очень полезно в
00:29:27
том случае если вы будете разрабатывать
00:29:29
графический редактор на киви свой когда
00:29:32
там допустим нужна функция поворота
00:29:33
изображения пожалуйста нас кадры это
00:29:36
делается очень легко или изменение
00:29:38
размера изображения это то есть dice
00:29:40
очень легко делается
00:29:42
вот такой интересный виджет который
00:29:44
следует знать ну и на этом пожалуй все
00:29:47
как видите виви
00:29:49
python это достаточно интересная такая
00:29:51
штука на которой писать код сравнительно
00:29:54
легко если вы когда-то писали на каюте или на
00:29:57
wix виджет цели на том же таким тори то
00:29:59
понимаете что здесь все еще более легче
00:30:02
потому что здесь сходу идет об и очень
00:30:04
простое правда но тем не менее это все
00:30:06
вместе улучшает комфорт от написания
00:30:09
программ на киви ну и копить первый урок
00:30:13
прошли даже был не урок совсем не урок
00:30:15
это было просто введение в киеве где вы
00:30:17
должны были это все установить
00:30:18
попытаться написать какой-то код чтобы
00:30:20
разработать самую простейшую например
00:30:22
программу
00:30:23
ну и дальше в следующих уроках мы уже
00:30:26
будем все это же самое
00:30:28
потихоньку потихоньку скажем так
00:30:30
кирпичик за кирпичиком разбирать учиться
00:30:33
этому применять это с одного из уроков
00:30:36
мы изучаем киви дизайн линга вич и концу
00:30:39
этого курса вы уже сможете разрабатывать
00:30:41
практически любое приложение или даже
00:30:43
игру на python киви
00:30:45
а на этом у меня все я думаю было
00:30:48
интересно если это так незабудте
00:30:50
поставить лайк обязательно подпишитесь
00:30:52
на канал и включить и колокольчик
00:30:54
уведомлений чтобы вам пришло уведомление
00:30:56
о выходе следующего урока это около
00:30:59
кнопки подписки конечно же пишите
00:31:01
комментарии если у вас есть какие то
00:31:02
вопросы ну или просто отзыв о курсе об
00:31:05
уроке и так далее
00:31:07
еда на этом все вы смотрели канал хауди
00:31:10
хо [музыка]

Описание:

Введение в Python Kivy. Сегодня мы поговорим о курсе в целом, о самом Kivy, его предназначении, об особенностях, а также установим Kivy на Windows и что-то уже напишем. ❄️ Мой курс по Python: https://www.youtube.com/watch?v=ahe3WpBMdm4&list=PLvoBekrlHDgROfUUHMbrrdsy_b2y2V_rj 👊🏼 Наш 🆅🅺: https://www.vk.com/howdyho_net 👊🏼 Наш 🆃🅶 чат: https://t.me/howdyho 👊🏼 Наше YT сообщество: https://www.youtube.com/c/HowdyHo_Net/community 🤞🏼 Понравился урок? Подпишись 👑 Вруби уведомления 🔔 Поставь лайк 👍🏼 Оставь комментарий 💬 🆇 Ссылки из видео 🆇 𝟭: https://www.youtube.com/watch?v=ahe3WpBMdm4 𝟮: https://kivy.org/ 𝟯: https://kivy.org/doc/stable/gettingstarted/intro.html 𝟰: https://kivy.org/doc/stable/api-kivy.html 🎮 Подумываешь прикупить себе игру? ;) Лучшие цены 💰 на игры Steam 🎮 и рандомы 🎲 только здесь - https://steambuy.com/ 🎬 Реклама у нас: https://vk.com/topic-84392011_33285530 💵 Реквизиты для донатства (WebMoney) 💵 R250434217196 Z252920168434 U415267612522 💗 Музыкальный трек предоставлен YouTube Audio Library. Композиция "Laid Back Guitars" принадлежит исполнителю Kevin MacLeod. Лицензия: Creative Commons Attribution (https://creativecommons.org/licenses/by/4.0/). Оригинальная версия: https://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100181. Исполнитель: https://incompetech.com/

Готовим варианты загрузки

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

mobile menu iconКак можно скачать видео "Учим Python Kivy #1 - Введение"?mobile menu icon

  • Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.

  • Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.

  • UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

mobile menu iconКакой формат видео "Учим Python Kivy #1 - Введение" выбрать?mobile menu icon

  • Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

mobile menu iconПочему компьютер зависает при загрузке видео "Учим Python Kivy #1 - Введение"?mobile menu icon

  • Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

mobile menu iconКак скачать видео "Учим Python Kivy #1 - Введение" на телефон?mobile menu icon

  • Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "Учим Python Kivy #1 - Введение"?mobile menu icon

  • Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

mobile menu iconКак сохранить кадр из видео "Учим Python Kivy #1 - Введение"?mobile menu icon

  • Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

mobile menu iconСколько это всё стоит?mobile menu icon

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