KivyMD应用程序中某些小部件的位置问题

如何解决KivyMD应用程序中某些小部件的位置问题

我正在尝试构建一个有关冠状病毒的信息应用程序,我正在使用newsapi实时实现新闻。但是,我在制作时遇到了几个问题,这主要是由于我是KivyMD框架的新手。无论如何,我现在遇到的主要问题是将一些小部件居中并在listitem小部件上定位正确。

代码:


from kivy.lang.builder import Builder
from kivy.uix.screenmanager import ScreenManager,Screen#<--Screen Manager
from kivy.properties import ObjectProperty #<--- Object Propert
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.floatlayout import FloatLayout#<--FloatLayout
from kivy.uix.gridlayout import GridLayout#<--GridLayout
from kivy.uix.scrollview import ScrollView#<--ScrollView
from kivy.uix.button import Button#<--Button
from kivymd.app import MDApp#<--MDApp
from kivy.clock import Clock#<--Clock
import requests#<--Requests
from kivymd.uix.tab import MDTabsBase
from kivymd.uix.list import IRightBodyTouch,OneLineAvatarIconListItem
import json#<--json
import gc#<--gc
import time
from kivymd.uix.list import OneLineListItem
from kivymd.uix.selectioncontrol import MDCheckbox




url = ('http://newsapi.org/v2/everything?'
       'q=Coronavírus&'
       'language=pt&'
       'apiKey=f5e80820673d4590ac59b11d3be9013a')
       
#Try connecting to NewsApi
try:
   response = requests.get(url)
   toph = response.json()
   eachnews = toph.get('articles')
   separatenews1 = eachnews[-1]
   separatenews2 = eachnews[-2]
   separatenews3 = eachnews[-3]
   titlen1 = "[b]1# [/b]" + str(separatenews1.get('title'))
   titlen2 = "[b]2# [/b]" + str(separatenews2.get('title'))
   titlen3 = "[b]3# [/b]" + str(separatenews3.get('title'))
   img1 = str(separatenews1.get('urlToImage'))
   img2 = str(separatenews2.get('urlToImage'))
   img3 = str(separatenews3.get('urlToImage'))
except (requests.exceptions.ConnectionError,HTTPError):
   r.status_code = "Connection refused"

#disable gc
gc.disable()

#kivy language file

Kv_string = '''

#:import ScrollEffect  kivy.effects.scroll.ScrollEffect
#:import images_path kivymd.images_path

<ContentNavigationDrawer>:
    orientation: "vertical"
    padding: "8dp"
    spacing: "8dp"
    AnchorLayout:
        anchor_x: "left"
        anchor_y: "top"
        size_hint_y: None
        height: image_init.height
        Image:
            id: image_init
            size_hint: None,None
            size: "100dp","100dp"
            source: "Lokgo.jpg"
    ScrollView:
        MDList:
            OneLineAvatarIconListItem:
                text:"Notícias"
                pos_hint:{'y':0.8}
                on_press: root.nav_drawer.set_state("close")
                on_press:root.screen_man.current = "subscreen1"
                IconLeftWidget:
                    icon:"newspaper"
            OneLineAvatarIconListItem:
                text:"Curados"
                on_press:root.nav_drawer.set_state("close")
                on_press:root.screen_man.current = "subscreen2"
                IconLeftWidget:
                    icon:"medical-bag"
            OneLineAvatarIconListItem:
                text:"Pesquisa"
                on_press:root.nav_drawer.set_state("close")
                on_press:root.screen_man.current = "subscreen3"
                IconLeftWidget:
                    icon:"align-horizontal-left"

   
                    


ScreenMain:
    screen_man:screen_man
    
    NavigationLayout:
        ScreenManager:
            id:screen_man
            Screen:
                name:"screen1"
                FloatLayout:
                    orientation:'vertical'
                    AsyncImage:
                        size_hint_x: 1
                        size_hint_y: 
                        allow_stretch: True
                        source:"https://i.ibb.co/ftV87fN/corons.gif"
                        pos_hint:{'center_x':0.5,'y':0.35}
                        border_radius:[20,20,20]
                    MDLabel:
                        text:"Bem-vindo(a)"
                        halign:'center'
                    MDRoundFlatButton:
                        text:"Entrar"
                        pos_hint: {'center_x':0.5,'y':0.3}
                        
                        on_press: root.screen_man.current="screen2"
            Screen:
                name:"screen2"
                
                BoxLayout:
                    orientation:"vertical"
                    MDToolbar:
                        title:"C-19"
                        left_action_items: [["menu",lambda x: nav_drawer.set_state("open")]]
                        elevation: 10
                        pos_hint: {"top": 1}
                    ScreenManager:
                        id:screen_men
                        Screen:
                            name:"subscreen1"
                            scrole:scrole.__self__
                            cabeca_linhas1: cabeca_linhas1.__self__
                            head_lines2: head_lines2.__self__
                            head_lines3: head_lines3.__self__
                            foto_1: foto_1.__self__
                            image_2:image_2.__self__
                            image_3:image_3.__self__
                            
                            
                            ScrollView:
                                id:scrole
                                effect_cls: ScrollEffect
                                bar_width: 4
                                GridLayout:
                                    id:box_sb1
                                    cols:1
                                    spacing: 80,80
                                    size_hint_y: None
                                    height: self.minimum_height
                                    
                                    MDLabel:
                                        text:"\\n"
                                    MDCard:
                                        orientation: "vertical"
                                        padding: "8dp"
                                        size_hint: None,None
                                        size: "280dp","300dp"
                                        pos_hint: {"center_x": .5,"center_y": .4}
                                        AsyncImage:
                                            id: foto_1
                                            allow_stretch: True
                                            size:"270dp","50dp"
                                            source:""
                                        MDLabel:
                                            id:cabeca_linhas1
                                            markup: True
                                            text:""
                                            
                                    MDCard:
                                        orientation: "vertical"
                                        padding: "8dp"
                                        size_hint: None,"center_y": .3}
                                        AsyncImage:
                                            id: image_2
                                            allow_stretch: True
                                            size:"270dp","50dp"
                                        
                                            source:""
                                        MDLabel:
                                            id: head_lines2
                                            markup: True
                                            text:""
                                    
                                    MDCard:
                                        orientation: "vertical"
                                        padding: "8dp"
                                        size_hint: None,"center_y": .1}
                                        
                                        AsyncImage:
                                            id:image_3
                                            allow_stretch: True
                                            size:"270dp","50dp"
                                            source:""
                                        MDLabel:
                                            id:head_lines3
                                            markup:True
                                            text:""
                                            
                                    MDLabel:
                                        text:"\\n"
                        Screen:
                            name:"subscreen2"
                            MDTabs:
                                on_tab_switch: app.on_tab_switch(*args)
                                Tab:
                                    text:"O Vírus"
                                Tab:
                                    text:"Profilaxia"

                        Screen:
                            name:"subscreen3"
                            idade_user_:idade_user_
                            resposta_idade_:resposta_idade_
                            ScrollView:
                                GridLayout:
                                    id:box_sb2
                                    cols:1
                                    spacing: 80,80
                                    size_hint_y: None
                                    height: self.minimum_height
                                    MDTextField:
                                        id:idade_user_
                                        hint_text:"Digite sua idade-"
                                        helper_text_mode: "on_focus"
                                        pos_hint:{'center_x':0.5,'center_y':0.1}
                                        input_filter: 'int'
                                        max_text_length: 3
                                    MDLabel:
                                        text:"Verifique se tem alguma dessas doenças:"
                                    MyListOfProbls:
                                        OneLineListItem:
                                            text:"1"
                                        RightCheckbox:
                                        
                                                
    
                                    MDRoundFlatButton:
                                        text:"Resposta"
                                        halign:"center"
                                        pos_hint:{'center_x':0.5,'center_y':0.1}
                                        on_press:root.resposta()
                                    MDSeparator:
                                        height:'3dp'
                                        pos_hint:{'center_x':0.5,'center_y':0.4}
                                    MDLabel:
                                        id:resposta_idade_
                                        text:""
                                        pos_hint:{'x':0.3,'center_y':0.2}
                                        halign:"center"
                                    MDLabel:
                                        text:""
                MDNavigationDrawer:
                    id: nav_drawer
                    ContentNavigationDrawer:
                        screen_men:screen_man
                        screen_man:screen_men
                        nav_drawer:nav_drawer
                        
<Tab>:
    ScrollView:
        GridLayout:
            MDLabel:
                id:my_test
                halign:"center"
                pos_hint:{'center_x':0.5,'center_y':0.7}
                text:""
'''

class Tab(FloatLayout,MDTabsBase):
    pass

class MyListOfProbls(OneLineListItem):
    '''Custom list item.'''
    
class RightCheckbox(IRightBodyTouch,MDCheckbox):
    '''Custom right container.'''
    
class ContentNavigationDrawer(BoxLayout):
    screen_man = ObjectProperty()
    screen_men = ObjectProperty()
    nav_drawer = ObjectProperty()
    idade_user_ = ObjectProperty(None)
    resposta_idade_ = ObjectProperty(None)
    
class ScreenMain(Screen):
    cabeca_linhas1 = ObjectProperty(None)
    head_lines2 = ObjectProperty(None)
    head_lines3 = ObjectProperty(None)
    foto_1 = ObjectProperty(None)
    image_2 = ObjectProperty(None)
    image_3 = ObjectProperty(None)
    
    def __init__(self,**kwargs):
        
        super(ScreenMain,self).__init__(**kwargs)
        Clock.schedule_once(self.on_enter)
        
    def on_enter(self,*argm):
        
        
        #First News
        self.ids.cabeca_linhas1.text = titlen1
        self.ids.foto_1.source = img1
        #Second News
        self.ids.head_lines2.text = titlen2
        self.ids.image_2.source = img2
        #Third News
        self.ids.head_lines3.text = titlen3
        self.ids.image_3.source = img3
        
    def resposta(self,*args):
        
        list_improprio=[""]
        
        if len(str(self.ids.idade_user_.text)) > 3:
            pass
            
            
        elif str(self.ids.idade_user_.text) in list_improprio:
            pass
            
            
        elif int(float(self.ids.idade_user_.text)) > 50:
            self.ids.resposta_idade_.text="GRUPO DE RISCO!"
            
            
        elif int(float(self.ids.idade_user_.text)) < 0:
            pass
            
            
        else:
            self.ids.resposta_idade_.text = "Fora do grupo de risco."   

#MDApp Class
class TestNavigationDrawer(MDApp):
    def build(self):
        self.theme_cls.primary_palette = "Blue"
        return Builder.load_string(Kv_string)
    def on_tab_switch(self,instance_tabs,instance_tab,instance_tab_label,tab_text):
        if tab_text == "O Vírus":
            instance_tab.ids.my_test.text = "1" #MUDAR O TEXT
        elif tab_text == "Profilaxia":
            instance_tab.ids.my_test.text = "Lave suas mãos com frequência. Use sabão e água ou álcool em gel. Mantenha uma distância segura de pessoas que estiverem tossindo ou espirrando. Use máscara quando não for possível manter o distanciamento físico. Não toque nos olhos,no nariz ou na boca. Cubra seu nariz e boca com o braço dobrado ou um lenço ao tossir ou expirar. Fique em casa se você se sentir indisposto. Procure atendimento médico se tiver febre,tosse e dificuldade para respirar. São medidas adotadas para a prevenção e propagação da covid-19,que apesar de não lhe tornar imune ao vírus,diminui chances de propagação,e vem dando certo em diversos países,que a quarentena foi seguida corretamente,como na Itália,que sofria com muitos casos,mas com essas medidas o número de casos diminuíram dramaticamente" #MUDAR O TEXT

TestNavigationDrawer().run()

在代码的这一部分,有一种供人们进行的调查,以便他们可以确定自己是否属于风险组。

                                GridLayout:
                                    id:box_sb2
                                    cols:1
                                    spacing: 80,'center_y':0.2}
                                        halign:"center"
                                    MDLabel:
                                        text:""

当我运行它时,输出是这样的: enter image description here

您看到某些元素没有居中吗?就像按钮“ Resposta”一样。 MDList也有些bug。那么,我该如何解决?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-