Питхон - Кориснички интерфејси, 2. део

Као што смо могли видети у првом делу водича, креирање прозора је прилично једноставно, у овом другом делу идемо мало даље улазећи дубље у оно што смо оставили као основу и проширујући код да бисмо створили нешто са већи степен сложености.
Додајте дугме
Када напустимо прозор, унутар њега мора постојати више елемената, а једно од најосновнијих, али врло важно је дугме, да бисмо га додали додаћемо бтн = вк.Буттон (победа) у нашем коду, да видимо:

 импорт вк апп = вк.Апп () вин = вк.Фраме (Нема) бтн = вк.Буттон (вин) вин.Схов () апп.МаинЛооп () 

Као што видимо, то је практично исти код као горе, међутим укључујемо упутство које додаје дугме, на слици можемо видети резултат:

Резултат није баш естетски јер дугме заузима читав прозор, али не бисмо требали бити обесхрабрени, у следећем одељку ћемо видети како то да контролишемо како бисмо генерисали угоднији резултат за око.
Ознаке и положаји
У претходном одељку смо схватили да, иако је врло лако додати још елемената, морамо бити у могућности да их дистрибуирамо тако да на графичком нивоу буде у складу са оним што желимо да постигнемо, за то можемо успоставити ознаке, величине и положаје за елементе унутар прозора.
Видећемо следећи код са одговарајућим резултатом како бисмо могли боље анализирати и разумети процес.

 импорт вк апп = вк.Апп () вин = вк.Фраме (Ноне,) лоадБуттон = вк.Буттон (вин, лабел = 'Опен') савеБуттон = вк.Буттон (вин, лабел = 'Саве') вин.Схов (Прикажи ) апп.МаинЛооп () 

Као што видимо, постављамо вредност у наслов прозора, као аргумент за конструктор приликом инстанцирања, затим стварамо два дугмета и сваком додајемо ознаку или ознаку, можемо видети резултат, иако можда неће бити оно што очекујемо:

Заиста можемо видети да нешто не изгледа како треба и да један од тастера није видљив, то је зато што не наводимо његов положај, па је скривен испод другог дугмета.
Ово ћемо исправити следећим кодом:

 импорт вк апп = вк.Апп () вин = вк.Фраме (Ништа ,, величина = (410, 335)) вин.Схов () лоадБуттон = вк.Буттон (вин, лабел = 'Опен', пос = (225, 5), величина = (80, 25)) савеБуттон = вк.Буттон (вин, лабел = 'Саве', пос = (315, 5), сизе = (80, 25)) филенаме = вк.ТектЦтрл (вин, пос = (5, 5), сизе = (210, 25)) цонтентс = вк.ТектЦтрл (вин, пос = (5, 35), сизе = (390, 260), стиле = вк.ТЕ_МУЛТИЛИНЕ | вк.ХСЦРОЛЛ) апликација .МаинЛооп () 

Помоћу овог кода, осим исправљања детаља положајима дугмади, користимо и додајемо неке контроле текста, да видимо на следећој слици како би све изгледало.

Ствари су већ у бољем стању, међутим сада се питамо, шта ћемо са овим прозором, јер ћемо у следећем одељку дефинисати неке функционалности.
Управљање догађајима
Користећи ову врсту приступа за креирање наших програма, и визија онога што радимо такође се мало мења, у овом случају и радње које програм извршава називаћемо догађајима, ти догађаји се покрећу радњама корисника, попут клика на дугме, па смо мало изменили код тако да укључује ове догађаје:

лоадБуттон.Бинд (вк.ЕВТ_БУТТОН, учитавање)

Та линија нас чини унијом између функције учитавања и елемента, у овом случају дугмета, тако да већ знамо да прво морамо дефинисати функцију, а затим је доделити у догађају повезаном са елементом.
Погледајмо коначни код:

 увоз вк деф учитавање (догађај): филе = опен (филенаме.ГетВалуе ()) цонтентс.СетВалуе (филе.реад ()) филе.цлосе () деф саве (евент): филе = опен (филенаме.ГетВалуе (), ' в ') филе.врите (цонтентс.ГетВалуе ()) филе.цлосе () апп = вк.Апп () вин = вк.Фраме (Нема ,, величина = (410, 335)) бкг = вк.Панел (вин) лоадБуттон = вк.Буттон (бкг, лабел = 'Опен') лоадБуттон.Бинд (вк.ЕВТ_БУТТОН, лоад) савеБуттон = вк.Буттон (бкг, лабел = 'Саве') савеБуттон.Бинд (вк.ЕВТ_БУТТОН, сачувај) филенаме = вк.ТектЦтрл (бкг) цонтент = вк.ТектЦтрл (бкг, стиле = вк.ТЕ_МУЛТИЛИНЕ | вк.ХСЦРОЛЛ) хбок = вк.БокСизер () хбок.Адд (назив датотеке, пропорција = 1, застава = вк.ЕКСПАНД) хбок.Адд (лоадБуттон, пропорција = 0, флаг = вк.ЛЕФТ, бордер = 5) хбок.Адд (савеБуттон, пропорција = 0, застава = вк.ЛЕФТ, бордер = 5) вбок = вк.БокСизер (вк.ВЕРТИЦАЛ) вбок.Адд (хбок, пропорција = 0, застава = вк.ЕКСПАНД | вк.АЛЛ, бордер = 5) вбок.Адд (садржај, пропорција = 1, застава = вк.ЕКСПАНД | вк.ЛЕФТ | вк.БОТТОМ | вк.РИГХТ, граница = 5) бкг.СетСизер (вбок) вин.Схов () апп.МаинЛооп () 

Оно што овај програм ради је уређивање текстуалних датотека на прилично једноставан начин, међутим натерало нас је да користимо многе функције и апликације.
Овим завршавамо водич, знајући како се користи а тоолкит кориснички интерфејс, препоручујемо вам да истражите различите постојеће алате, укључујући оне који су ексклузивни за одређени оперативни систем, имајући у виду да ће нам сваки алат понекад бити од користи.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен