如何在运行时根据纹理大小调整RecycleView中的标签大小？

huangapple
go评论112阅读模式
英文:

How to make Labels in RecycleView change size according to texture size during runtime?

问题

我有一个RecycleView，其中包含标签和一个MDSlider，我在运行时使用它来更改这些标签的font_size。我想知道是否可能将标签的大小与其texture_size属性对齐。准确地说，每当我更改font_size时，会导致标签的texture_size溢出其当前大小，我希望增加标签的大小以适应文本。由于标签位于RecycleView内部，我不确定应该如何解决这个问题。我最初将height设置为RecycleBoxLayout的self.minimum_height，我认为它应该在过程中更新。我注意到我可以在运行时手动更改RecycleBoxLayout的default_size，但不确定应该如何传递标签的texture_size来调整大小。我尝试使用on_size和on_texture方法传递属性并用于计算default_size，但事情变得非常复杂，我总是最终在标签之间产生间隙。理想情况下，我希望使用标签大小/纹理的某种绑定解决方案（类似于我已经使用app.fontSize实现的绑定），这样我就可以获得自动调整大小，因为任何手动计算RecycleView属性及其后续更新都会显著减慢我的程序在测试Android时的速度。

有什么想法吗？

编辑：我没有提到，我只对高度调整感兴趣。宽度无关紧要。

  1. from kivymd.app import MDApp
  2. from kivy.lang import Builder
  3. from kivy.uix.screenmanager import ScreenManager
  4. from kivy.uix.screenmanager import Screen
  5. from kivymd.uix.boxlayout import MDBoxLayout
  6. from kivy.properties import StringProperty
  8. kv = """
  9. <MyLabel@MDLabel>:
  10.     font_size: app.fontSize
  11.     halign: 'center'
  12.     # Using these settings would be awesome, but cannot make it happen.
  13.     # Or there might be more elegant solution?
  14.     #size: self.texture_size
  15.     #size_hint_y: None
  16.     #text_size: self.width, None
  17.     
  19. <DailyService>:
  20.     day: ''
  21.     service: ''
  22.     
  23.     MDGridLayout:
  24.         rows: 2
  25.         MyLabel:
  26.             id: firstLabelId
  27.             text: root.day
  28.             md_bg_color: app.theme_cls.accent_color
  30.         MyLabel:
  31.             id: secondLabelId
  32.             md_bg_color: app.theme_cls.primary_dark
  33.             text: root.service
  34.     
  35. <MainScreen>:
  36.     name: 'mainScreen'
  37.     myRv: rvId
  39.     MDRelativeLayout:
  40.         orientation: 'vertical'
  42.         MDRecycleView:
  43.             viewclass: 'DailyService'
  44.             id: rvId
  45.             rbl: rblId
  46.             
  47.             RecycleBoxLayout:
  48.                 id: rblId
  49.                 default_size: None, dp(200)
  50.                 default_size_hint: 1, None
  51.                 size_hint_y: None
  52.                 height: self.minimum_height
  53.                 orientation: 'vertical'
  55.         MDSlider:
  56.             color: 'white'
  57.             orientation: 'horizontal'
  58.             size_hint: (0.2, 0.2)
  59.             pos_hint: {"x":0.4, "top": 1}
  60.             min: 10
  61.             value: 20
  62.             max: 150
  63.             on_value_normalized: root.fontSizeSlider(self.value)
  66. MyScreenManager:
  67.     mainScreen: mainScreenId
  68.         
  69.     MainScreen:
  70.         id: mainScreenId
  71. """
  73. class DailyService(MDBoxLayout):
  74.     pass
  76. class MainScreen(Screen):
  77.     def __init__(self, **kwargs):
  78.         super(MainScreen, self).__init__(**kwargs)
  80.     def fontSizeSlider(self, value):
  81.         app = MDApp.get_running_app()
  82.         app.fontSize = str(int(value)) + 'dp'
  83.         self.myRv.refresh_from_data()
  84.     
  85. class MyScreenManager(ScreenManager):    
  86.     def __init__(self, **kwargs):
  87.         super(MyScreenManager, self).__init__(**kwargs)
  90. class MyApp(MDApp):
  91.     fontSize = StringProperty('20dp')
  92.     
  93.     def on_start(self):
  94.         data = []
  95.         for i in range(10):
  96.             data.append({'day': 'DAY\nDAY',
  97.                          'service': 'SERVICE\nSERVICE'})
  98.         self.root.ids.mainScreenId.myRv.data = data
  100.     def build(self):
  101.         self.theme_cls.theme_style = 'Dark'
  102.         self.theme_cls.primary_palette = 'Blue'
  103.         self.theme_cls.accent_palette = 'Amber'
  104.         return Builder.load_string(kv)
  106. if __name__ == '__main__':
  107.     MyApp().run()
英文:

I have a RecycleView which consists of labels and a MDSlider which I use to change font_size of those labels during runtime. I'm wondering if it's possible to align labels' size to their texture_size property. Precisely, whenever I change the font_size which would cause label's texture_size to overflow its current size, I would want to increase the label size so the text fits. Since labels live inside the RecycleView, I'm not sure how should I approach the problem. I'm initially setting height to self.minimum_height of the RecycleBoxLayout which I presume should be updated in the process. I noticed that I can manually change the RecycleBoxLayout&#39;s default_size during runtime, but not sure how exactly I should pass the texture_size of the label to adjust the size. I tried with on_size and on_texture methods to pass the property and use to calculate default_size, but things get really complicated and I always end up getting gaps between the labels. Ideally I would want the solution that uses some kind of binding of labels sizes/texture (similarly like I already have with the app.fontSize) so I would get automatic resizing because any manual calculations of RecycleView properties and it's consequential update significantly slows down my program in the end when testing on Android.

Any ideas?

EDIT: I haven't mentioned it, I'm only interested in the height resizing. Width doesn't matter.

  1. from kivymd.app import MDApp
  2. from kivy.lang import Builder
  3. from kivy.uix.screenmanager import ScreenManager
  4. from kivy.uix.screenmanager import Screen
  5. from kivymd.uix.boxlayout import MDBoxLayout
  6. from kivy.properties import StringProperty
  7. kv = &quot;&quot;&quot;
  8. &lt;MyLabel@MDLabel&gt;:
  9. font_size: app.fontSize
  10. halign: &#39;center&#39;
  11. # Using these settings would be awesome, but cannot make it happen.
  12. # Or there might be more elegant solution?
  13. #size: self.texture_size
  14. #size_hint_y: None
  15. #text_size: self.width, None
  16. &lt;DailyService&gt;:
  17. day: &#39;&#39;
  18. service: &#39;&#39;
  19. MDGridLayout:
  20. rows: 2
  21. MyLabel:
  22. id: firstLabelId
  23. text: root.day
  24. md_bg_color: app.theme_cls.accent_color
  25. MyLabel:
  26. id: secondLabelId
  27. md_bg_color: app.theme_cls.primary_dark
  28. text: root.service
  29. &lt;MainScreen&gt;:
  30. name: &#39;mainScreen&#39;
  31. myRv: rvId
  32. MDRelativeLayout:
  33. orientation: &#39;vertical&#39;
  34. MDRecycleView:
  35. viewclass: &#39;DailyService&#39;
  36. id: rvId
  37. rbl: rblId
  38. RecycleBoxLayout:
  39. id: rblId
  40. default_size: None, dp(200)
  41. default_size_hint: 1, None
  42. size_hint_y: None
  43. height: self.minimum_height
  44. orientation: &#39;vertical&#39;
  45. MDSlider:
  46. color: &#39;white&#39;
  47. orientation: &#39;horizontal&#39;
  48. size_hint: (0.2, 0.2)
  49. pos_hint: {&quot;x&quot;:0.4, &quot;top&quot;: 1}
  50. min: 10
  51. value: 20
  52. max: 150
  53. on_value_normalized: root.fontSizeSlider(self.value)
  54. MyScreenManager:
  55. mainScreen: mainScreenId
  56. MainScreen:
  57. id: mainScreenId
  58. &quot;&quot;&quot;
  59. class DailyService(MDBoxLayout):
  60. pass
  61. class MainScreen(Screen):
  62. def __init__(self, **kwargs):
  63. super(MainScreen, self).__init__(**kwargs)
  64. def fontSizeSlider(self, value):
  65. app = MDApp.get_running_app()
  66. app.fontSize = str(int(value)) + &#39;dp&#39;
  67. self.myRv.refresh_from_data()
  68. class MyScreenManager(ScreenManager):    
  69. def __init__(self, **kwargs):
  70. super(MyScreenManager, self).__init__(**kwargs)
  71. class MyApp(MDApp):
  72. fontSize = StringProperty(&#39;20dp&#39;)
  73. def on_start(self):
  74. data = []
  75. for i in range(10):
  76. data.append({&#39;day&#39;: &#39;DAY\nDAY&#39;,
  77. &#39;service&#39;: &#39;SERVICE\nSERVICE&#39;})
  78. self.root.ids.mainScreenId.myRv.data = data
  79. def build(self):
  80. self.theme_cls.theme_style = &#39;Dark&#39;
  81. self.theme_cls.primary_palette = &#39;Blue&#39;
  82. self.theme_cls.accent_palette = &#39;Amber&#39;
  83. return Builder.load_string(kv)
  84. if __name__ == &#39;__main__&#39;:
  85. MyApp().run()

答案1

得分: 1

  1. from kivymd.app import MDApp
  2. from kivy.lang import Builder
  3. from kivy.uix.screenmanager import ScreenManager
  4. from kivy.uix.screenmanager import Screen
  5. from kivymd.uix.boxlayout import MDBoxLayout
  6. from kivy.properties import StringProperty
  8. kv = """
  9. <MyLabel@MDLabel>:
  10.     font_size: app.fontSize
  11.     halign: 'center'
  12.     # Using these settings would be awesome, but cannot make it happen.
  13.     # Or there might be more elegant solution?
  14.     #size: self.texture_size
  15.     #size_hint_y: None
  16.     #text_size: self.width, None
  19. <DailyService>:
  20.     day: ''
  21.     service: ''
  22.     
  23.     MDGridLayout:
  24.         rows: 2
  25.         size_hint_y:None
  26.         height:app.MyHeight
  27.         MyLabel:
  28.             id: firstLabelId
  29.             text: root.day
  30.             md_bg_color: app.theme_cls.accent_color
  32.         MyLabel:
  33.             id: secondLabelId
  34.             md_bg_color: app.theme_cls.primary_dark
  35.             text: root.service
  37. <MainScreen>:
  38.     name: 'mainScreen'
  39.     myRv: rvId
  41.     MDRelativeLayout:
  42.         orientation: 'vertical'
  44.         MDRecycleView:
  45.             viewclass: 'DailyService'
  46.             id: rvId
  47.             rbl: rblId
  48.             
  49.             RecycleBoxLayout:
  50.                 id: rblId
  51.                 default_size: None, app.MyHeight
  52.                 default_size_hint: 1, None
  53.                 size_hint_y: None
  54.                 height: self.minimum_height
  55.                 orientation: 'vertical'
  57.         MDSlider:
  58.             color: 'white'
  59.             orientation: 'horizontal'
  60.             size_hint: (0.2, 0.2)
  61.             pos_hint: {"x":0.4, "top": 1}
  62.             min: 10
  63.             value: 20
  64.             max: 150
  65.             on_value_normalized: root.fontSizeSlider(self.value)
  68. MyScreenManager:
  69.     mainScreen: mainScreenId
  70.         
  71.     MainScreen:
  72.         id: mainScreenId
  73. """
  75. class DailyService(MDBoxLayout):
  76.     pass
  78. class MainScreen(Screen):
  79.     def __init__(self, **kwargs):
  80.         super(MainScreen, self).__init__(**kwargs)
  82.     def fontSizeSlider(self, value):
  83.         app = MDApp.get_running_app()
  84.         app.fontSize = str(int(value)) + 'dp'
  85.         app.MyHeight = str(  int(value) * 10 ) + 'dp'
  86.         self.myRv.refresh_from_data()
  88. class MyScreenManager(ScreenManager):    
  89.     def __init__(self, **kwargs):
  90.         super(MyScreenManager, self).__init__(**kwargs)
  93. class MyApp(MDApp):
  94.     fontSize = StringProperty('20dp')
  95.     MyHeight = StringProperty('200dp')
  96.     def on_start(self):
  97.         data = []
  98.         for i in range(10):
  99.             data.append({'day': 'DAY\nDAY',
  100.                          'service': 'SERVICE\nSERVICE'})
  101.         self.root.ids.mainScreenId.myRv.data = data
  103.     def build(self):
  104.         self.theme_cls.theme_style = 'Dark'
  105.         self.theme_cls.primary_palette = 'Blue'
  106.         self.theme_cls.accent_palette = 'Amber'
  107.         return Builder.load_string(kv)
  109. if __name__ == '__main__':
  110.     MyApp().run()
英文: 
  1. from kivymd.app import MDApp
  2. from kivy.lang import Builder
  3. from kivy.uix.screenmanager import ScreenManager
  4. from kivy.uix.screenmanager import Screen
  5. from kivymd.uix.boxlayout import MDBoxLayout
  6. from kivy.properties import StringProperty
  7. kv = &quot;&quot;&quot;
  8. &lt;MyLabel@MDLabel&gt;:
  9. font_size: app.fontSize
  10. halign: &#39;center&#39;
  11. # Using these settings would be awesome, but cannot make it happen.
  12. # Or there might be more elegant solution?
  13. #size: self.texture_size
  14. #size_hint_y: None
  15. #text_size: self.width, None
  16. &lt;DailyService&gt;:
  17. day: &#39;&#39;
  18. service: &#39;&#39;
  19. MDGridLayout:
  20. rows: 2
  21. size_hint_y:None
  22. height:app.MyHeight
  23. MyLabel:
  24. id: firstLabelId
  25. text: root.day
  26. md_bg_color: app.theme_cls.accent_color
  27. MyLabel:
  28. id: secondLabelId
  29. md_bg_color: app.theme_cls.primary_dark
  30. text: root.service
  31. &lt;MainScreen&gt;:
  32. name: &#39;mainScreen&#39;
  33. myRv: rvId
  34. MDRelativeLayout:
  35. orientation: &#39;vertical&#39;
  36. MDRecycleView:
  37. viewclass: &#39;DailyService&#39;
  38. id: rvId
  39. rbl: rblId
  40. RecycleBoxLayout:
  41. id: rblId
  42. default_size: None, app.MyHeight
  43. default_size_hint: 1, None
  44. size_hint_y: None
  45. height: self.minimum_height
  46. orientation: &#39;vertical&#39;
  47. MDSlider:
  48. color: &#39;white&#39;
  49. orientation: &#39;horizontal&#39;
  50. size_hint: (0.2, 0.2)
  51. pos_hint: {&quot;x&quot;:0.4, &quot;top&quot;: 1}
  52. min: 10
  53. value: 20
  54. max: 150
  55. on_value_normalized: root.fontSizeSlider(self.value)
  56. MyScreenManager:
  57. mainScreen: mainScreenId
  58. MainScreen:
  59. id: mainScreenId
  60. &quot;&quot;&quot;
  61. class DailyService(MDBoxLayout):
  62. pass
  63. class MainScreen(Screen):
  64. def __init__(self, **kwargs):
  65. super(MainScreen, self).__init__(**kwargs)
  66. def fontSizeSlider(self, value):
  67. app = MDApp.get_running_app()
  68. app.fontSize = str(int(value)) + &#39;dp&#39;
  69. app.MyHeight = str(  int(value) * 10 ) + &#39;dp&#39;
  70. self.myRv.refresh_from_data()
  71. class MyScreenManager(ScreenManager):    
  72. def __init__(self, **kwargs):
  73. super(MyScreenManager, self).__init__(**kwargs)
  74. class MyApp(MDApp):
  75. fontSize = StringProperty(&#39;20dp&#39;)
  76. MyHeight = StringProperty(&#39;200dp&#39;)
  77. def on_start(self):
  78. data = []
  79. for i in range(10):
  80. data.append({&#39;day&#39;: &#39;DAY\nDAY&#39;,
  81. &#39;service&#39;: &#39;SERVICE\nSERVICE&#39;})
  82. self.root.ids.mainScreenId.myRv.data = data
  83. def build(self):
  84. self.theme_cls.theme_style = &#39;Dark&#39;
  85. self.theme_cls.primary_palette = &#39;Blue&#39;
  86. self.theme_cls.accent_palette = &#39;Amber&#39;
  87. return Builder.load_string(kv)
  88. if __name__ == &#39;__main__&#39;:
  89. MyApp().run()

huangapple
  • 本文由 发表于 2023年8月9日 02:28:23
  • 转载请务必保留本文链接：https://go.coder-hub.com/76862275.html
  • kivy
  • kivymd
  • python
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定