如何定位和调整图片按钮的大小

Question

我是kivy的新手，我想为Android应用程序创建基本的UI， 然后尝试在下面进行编码，首先创建框布局，将UI分为三部分：标题部分，主体部分和图标部分， 实际上，我的问题是关于如何设置图标图像按钮的大小和位置

<MyLabel@Label>:
    color: .8, .9, 0, 1
    font_size: 32
    text_size: self.width, None
    size_hint_y: None
    height: self.texture_size[1]

<MyBoxLayout>:    
    orientation: 'vertical'
    BoxLayout:
        size_hint: 1, .1
        Label:
            text: "Face-Reg"
            font_size: 50
            color: .8, .9, 0, 1
            text_size: self.size
    ScrollView:
        size_hint: 1, .8
        MyLabel:
            text: str ('Hello This is My  New Project ' * 100)

    BoxLayout:
        size_hint: 1, .1
        Button:
            size_hint_x: 0.25
            Image:
                source: 'icon/server.png'
                size:self.texture_size
        Button:
            size_hint_x: 0.25
            Image:
                source: 'icon/add.png'
                size:self.texture_size
        Button:
            size_hint_x: 0.25
            Image:
                source: 'icon/recog.png'
                size:self.texture_size
        Button:
            size_hint_x: 0.25
            Image:
                source: 'icon/renew.png'
                size:self.texture_size

输出屏幕快照为： 1 四个图标重叠在一起，并且大小与按钮大小不匹配 我该如何解决？谢谢

Answer 1

您可以使用size的那些属性来调整pos和Image。例如，下面是调整第三个Button的方法：

    Button:
        id: b3
        size_hint_x: 0.25
        Image:
            source: 'icon/recog.png'
            allow_stretch: True
            keep_ratio: False
            size: b3.size
            pos: b3.pos

请注意分配给id的{​​{1}}。 Button用于为id分配相同的大小和位置。 Image属性使allow_stretch: True拉伸以适合指定的Image，而size允许图像不均匀地拉伸。有关更多详细信息，请参见keep_ratio: False documentation。