在 KivyMD 中設置 MDDialog 大小的問題
[英]Problem with setting size of MDDialog in KivyMD
問題描述
面臨調整卡參數及其上所有內容的問題。 我無法設置我需要的卡片的大小，除此之外，我無法設置按鈕和文本字段的大小。
全屏看起來像這樣：屏幕
在這樣的小視圖中：屏幕
但我必須在 kv 文件和 python 文件之間取得平衡。 我希望始終有 1 個尺寸，而不在全屏上更改。 請告訴我哪里有錯誤。
注冊卡.kv
<RegCard>
orientation: "vertical"
pos_hint: {"center_x": 0.5, "center_y": 0.5}
spacing: 30
size_hint_y: None
height: 550
MDBoxLayout:
orientation: "horizontal"
size_hint_y: None
height: 50
pos_hint: {"top": 1}
MDIcon:
icon: "account-plus"
pos_hint: {"left": 1}
size_hint: None, None
size: 50, 50
MDLabel:
text: 'Reg'
font_size: 18
halign: "left"
theme_text_color: "Custom"
text_color: 0, 0, 0, 1
MDIconButton:
icon: "close"
pos_hint: {"right": 1, "bottom": 1}
on_release: app.root.get_screen('main').dialog.dismiss()
MDTextField:
id: card_first_name
mode: "rectangle"
halign: "left"
hint_text: "Name"
pos_hint: {"center_x": 0.5, "center_y": 0.9}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDTextField:
id: card_last_name
mode: "rectangle"
halign: "left"
hint_text: "Surname"
pos_hint: {"center_x": 0.5, "center_y": 0.8}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDTextField:
id: card_patronymic
mode: "rectangle"
halign: "left"
hint_text: "Patronymic"
pos_hint: {"center_x": 0.5, "center_y": 0.7}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDRectangleFlatIconButton:
id: card_status
icon: "view-list"
size_hint_x: 0.85
text: "Category"
pos_hint: {"center_x": 0.5}
on_release: root.open_status_list()
font_size: 16
icon_color: (0, 0, 0, 1)
text_color: (0, 0, 0, 1)
MDTextField:
id: card_phone
mode: "rectangle"
halign: "left"
hint_text: "Phone"
pos_hint: {"center_x": 0.5, "center_y": 0.5}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDRoundFlatIconButton:
icon: "printer"
text: "Print badge"
font_size: 16
on_release: root.print_badge()
pos_hint: {"center_x": 0.5, "center_y": 0.4}
icon_color: (0, 0, 0, 1)
text_color: (0, 0, 0, 1)
MDBoxLayout:
adaptive_size: True
orientation: "horizontal"
spacing: "10dp"
pos_hint: {"center_x": 0.7, "center_y": 0.5}
MDFillRoundFlatButton:
id: button_cancel
text: "Cancel"
font_size: 16
md_bg_color: 1, 0, 0, 1
on_press: app.root.get_screen('main').dialog.dismiss()
MDFillRoundFlatButton:
id: button_next
text: "Save"
font_size: 16
md_bg_color: 0, 0, 0, 1
on_press:
root.save_data()
if root.check_data(): \
app.root.get_screen('main').close_menu(); \
app.root.get_screen('main').find_guest(card_last_name.text)
主.kv
<MainScreen>:
name: "main"
username: username
MDBoxLayout:
orientation: "vertical"
size: root.width, root.height
spacing: 20
MDBoxLayout:
orientation: "horizontal"
size_hint_y: None
height: 50
md_bg_color: (0, 0, 0, 1)
pos_hint: {"top": 1}
TooltipMDIconButton:
icon:"account"
on_release: root.add_user()
pos_hint: {"left": 1, "top": 1}
theme_text_color: "Custom"
text_color: (1, 1, 1, 1)
tooltip_text: "New member"
TooltipMDIconButton:
icon:"xml"
on_release: root.go_url()
pos_hint: {"center_x": 0.2}
theme_text_color: "Custom"
text_color: (1, 1, 1, 1)
tooltip_text: "Something else"
TooltipMDIconButton:
icon:"rocket-launch"
on_release: root.go_url()
pos_hint: {"center_x": 0.4}
theme_text_color: "Custom"
text_color: (1, 1, 1, 1)
tooltip_text: "API"
MDBoxLayout:
size_hint: (1, None)
height: 70
orientation: "horizontal"
MDRoundFlatIconButton:
icon: "reload"
icon_color: (0, 0, 0, 1)
text: "Reload"
font_size: 14
line_color: (0, 0, 0, 0)
pos_hint: {"center_y": 0.93}
text_color: (0, 0, 0, 1)
on_release: root.update_page()
MDTextField:
id: username
halign: "center"
icon_right: "magnify"
hint_text: "Search"
helper_text: "Enter surname for searching"
helper_text_mode: "on_focus"
pos_hint: {"center_x": 0.5, "center_y": 0.93}
current_hint_text_color: 0, 0, 0, 0.5
text_color: (0, 0, 0, 1)
line_color: (0, 0, 0, 1)
on_text_validate: root.find_guest(username.text)
MDIconButton:
icon:"qrcode-scan"
on_release: root.get_qrcode()
pos_hint: {"right:": 1, "center_y": 0.93}
text_color: app.theme_cls.primary_color
ScrollView:
MDGridLayout:
id: members_list
cols: 3
size_hint_y: None
height: self.minimum_height
<TooltipMDIconButton@MDIconButton+MDTooltip>
py。
from kivy.lang import Builder
from kivy.core.window import Window
from kivy.uix.screenmanager import ScreenManager
from kivymd.app import MDApp
from kivymd.uix.screen import MDScreen
from kivymd.uix.dialog import MDDialog
from kivymd.uix.list import TwoLineListItem
from kivymd.uix.menu import MDDropdownMenu
from kivymd.uix.button import MDIconButton
from kivymd.uix.boxlayout import MDBoxLayout
Window.minimum_width = 1280
Window.minimum_height = 1024
Builder.load_file('main.kv')
Builder.load_file('reg_card.kv')
members = [
{
"id": 1,
"first_name": "John",
"last_name": "Doe",
"phone": "123456",
"company": "Tester",
"entry_time": None,
"entered": False,
"email": "temp@temp.net",
"count_entry": None,
"qrcode": None,
"category": "Start",
"locale": "en",
"published_at": "2022-02-16T14:10:12.529Z",
"created_at": "2022-02-16T14:10:03.802Z",
"updated_at": "2022-02-16T14:10:12.556Z",
"localizations": []
},
{
"id": 2,
"first_name": "Eva",
"last_name": "Green",
"phone": "007008",
"company": "Demo",
"entry_time": None,
"entered": False,
"email": "demo@demo.net",
"count_entry": None,
"qrcode": None,
"category": "Middle",
"locale": "en",
"published_at": "2022-02-16T14:17:10.249Z",
"created_at": "2022-02-16T14:17:10.259Z",
"updated_at": "2022-02-17T10:00:46.889Z",
"localizations": []
}
]
class RegCard(MDBoxLayout):
def open_status_list(self):
menu_items = [
{
"text": f'{item}',
"viewclass": "OneLineListItem",
"on_release": lambda x=f'{item}': self.menu_callback(x),
}
for item in ['Junior', 'Middle', 'Senior']
]
self.menu = MDDropdownMenu(
caller=self.ids.card_status,
items=menu_items,
width_mult=2,
max_height=148,
radius=[20, ],
)
self.menu.open()
def print_badge(self):
print('Printing badge...')
def menu_callback(self, text_item):
self.ids.card_status.text = text_item
self.menu.dismiss()
def check_data(self):
if self.ids.card_first_name.text != '' and self.ids.card_last_name.text != '' and \
self.ids.card_phone.text != '' and self.ids.card_status.text != '':
return True
else:
return False
def save_data(self):
print('Data saved')
class MainScreen(MDScreen):
def fill_screen(self):
for member in members:
first_box = TwoLineListItem(
text=f'{member.get("first_name")} {member.get("last_name")}',
secondary_text=member.get('phone'),
)
second_box = TwoLineListItem(
text="Категория",
secondary_text=member.get('category'),
size_hint_x=0.2,
)
btn_box = MDIconButton(
icon='pencil',
)
self.ids.members_list.add_widget(first_box)
self.ids.members_list.add_widget(second_box)
self.ids.members_list.add_widget(btn_box)
def on_enter(self):
self.update_page()
def add_user(self):
self.dialog = None
if not self.dialog:
self.dialog = MDDialog(
size_hint=(0.3, None),
type="custom",
content_cls=RegCard(),
radius=[25, ],
auto_dismiss=False
)
self.dialog.open()
def close_menu(self, *args):
self.dialog.dismiss()
def update_page(self):
self.ids.username.text = ""
self.ids.members_list.clear_widgets()
self.fill_screen()
class InvisionApp(MDApp):
def build(self):
self.theme_cls.primary_palette = "BlueGray"
Window.size = (1280, 1024)
sm = ScreenManager()
sm.add_widget(MainScreen(name='main'))
return sm
if __name__ == '__main__':
InvisionApp().run()
設置卡的參數后（感謝@ApuCoder 的建議）我遇到了卡的另一個問題（打開時），如下所示：屏幕
2 個解決方案
解決方案1
0 2022-03-29 08:42:29
由於您的RegCard是從MDBoxLayout繼承的，您可以自動調整其子項的高度（使用adaptive_height屬性）或使其足夠大（通過計算每個子項的高度）以正確容納其子項。 通過這個和其他一些修改，您的reg_card.kv將看起來像這樣，
<RegCard>
orientation: "vertical"
padding: "10dp" # Adjust to your need (atyn).
spacing: "10dp" # atyn.
adaptive_height: True
MDBoxLayout:
orientation: "horizontal"
spacing: "10dp" # atyn.
size_hint_y: None
height: "64dp" # atyn.
# pos_hint: {"top": 1}
MDIcon:
icon: "account-plus"
pos_hint: {"x": 0, "center_y": 0.5}
size_hint: None, None
size: 50, 50
MDLabel:
text: 'Reg'
font_size: 18
halign: "left"
theme_text_color: "Custom"
text_color: 0, 0, 0, 1
MDIconButton:
icon: "close"
pos_hint: {"right": 1, "center_y": 0.5}
on_release: app.root.get_screen('main').dialog.dismiss()
MDTextField:
id: card_first_name
mode: "rectangle"
halign: "left"
hint_text: "Name"
pos_hint: {"center_x": 0.5, "center_y": 0.9}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDTextField:
id: card_last_name
mode: "rectangle"
halign: "left"
hint_text: "Surname"
pos_hint: {"center_x": 0.5, "center_y": 0.8}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDTextField:
id: card_patronymic
mode: "rectangle"
halign: "left"
hint_text: "Patronymic"
pos_hint: {"center_x": 0.5, "center_y": 0.7}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDRectangleFlatIconButton:
id: card_status
icon: "view-list"
size_hint_x: 0.85
text: "Category"
pos_hint: {"center_x": 0.5}
on_release: root.open_status_list()
font_size: 16
icon_color: (0, 0, 0, 1)
text_color: (0, 0, 0, 1)
MDTextField:
id: card_phone
mode: "rectangle"
halign: "left"
hint_text: "Phone"
pos_hint: {"center_x": 0.5, "center_y": 0.5}
size_hint_x: 0.8
line_color_focus: 0, 0, 0, 1
required: True
helper_text_mode: "on_error"
helper_text: "please fill all"
MDRoundFlatIconButton:
icon: "printer"
text: "Print badge"
font_size: 16
on_release: root.print_badge()
pos_hint: {"center_x": 0.5, "center_y": 0.4}
icon_color: (0, 0, 0, 1)
text_color: (0, 0, 0, 1)
MDBoxLayout:
adaptive_height: True
orientation: "horizontal"
spacing: "10dp"
pos_hint: {"center_x": 0.7, "center_y": 0.5}
MDFillRoundFlatButton:
id: button_cancel
text: "Cancel"
font_size: 16
md_bg_color: 1, 0, 0, 1
on_press: app.root.get_screen('main').dialog.dismiss()
MDFillRoundFlatButton:
id: button_next
text: "Save"
font_size: 16
md_bg_color: 0, 0, 0, 1
on_press:
root.save_data()
if root.check_data(): \
app.root.get_screen('main').close_menu(); \
app.root.get_screen('main').find_guest(card_last_name.text)
解決方案2
0 2022-05-17 12:34:02
滯后卡的問題是這樣解決的：
class MainScreen(MDScreen):
dialog = None
def add_user(self):
if not self.dialog:
self.dialog = MDDialog(
size_hint=(None, None),
width=400,
type="custom",
content_cls=RegCard(),
radius=[25, ],
auto_dismiss=False,
)
self.dialog.open()
我將每個 function 中的“dialog = None”拉到 class MainScreen。
我想在 Python/KivyMD 中更改屏幕后立即打開 MDDialog
[英]I want to open MDDialog right after screen is changed in Python/KivyMD
我在 Python/KivyMD 中制作了 MDDialog 但沒有正確顯示
[英]I made MDDialog in Python/KivyMD but doesn't showing up correctly
如何在 kivymd 和 kivy 中通過 MDDialog 使用用戶輸入
[英]How to use input from user through MDDialog in kivymd and kivy
KivyMD MDDialog 不允許在一個對話框中輸入多個文本
[英]KivyMD MDDialog is not allowing multiple text inputs to be in one Dialog
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如何在 kivyMD 的 MDDialog 中插入 MDList？
為什么 MDDialog 高度在 kivymd 中沒有改變？
Python\KivyMd 自定義 MDDialog 中的空格
如何動態更改 MDDialog KivyMD 中的文本字段？
我想在 Python/KivyMD 中更改屏幕后立即打開 MDDialog
我在 Python/KivyMD 中制作了 MDDialog 但沒有正確顯示
如何在 kivymd 和 kivy 中通過 MDDialog 使用用戶輸入
如何向 KivyMD MDDialog 中的按鈕添加操作？
KivyMD MDDialog 不允許在一個對話框中輸入多個文本
Kivymd ListItems 文本大小
相關標簽