machuhai 发表于 2024-10-25 15:40

用PS设计和wxpython做出漂亮的界面实例

本帖最后由 machuhai 于 2024-10-25 15:46 编辑

思路 先用ps设计好效果图，裁剪好用wxpython的wx.BoxSizer排版，就能做出漂亮的界面

只做了个界面，功能我没写，给有需要的去练习完成。

下面是源码
import wx


class MyPanel(wx.Panel):
    def __init__(self, parent, id):
      wx.Panel.__init__(self, parent, id)


      VERTICAL = wx.BoxSizer(wx.VERTICAL)
      image_file = '01.gif'
      to_bmp_image = wx.Image(image_file, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
      self.bitmap = wx.StaticBitmap(self, -1, to_bmp_image, (0, 0))
      VERTICAL.Add(self.bitmap, 0, wx.ALL | wx.LEFT, 0)


      HORIZONTAL = wx.BoxSizer(wx.HORIZONTAL)
      image = wx.Image('11.gif', wx.BITMAP_TYPE_ANY)
      bitmap1 = wx.Bitmap(image)
      # 创建位图按钮
      self.button11 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap1,
                                       size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('12.gif', wx.BITMAP_TYPE_ANY)
      bitmap2 = wx.Bitmap(image)
      # 创建位图按钮
      self.button12 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap2,
                                       size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('13.gif', wx.BITMAP_TYPE_ANY)
      bitmap3 = wx.Bitmap(image)
      self.button13 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap3,
                                       size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('14.gif', wx.BITMAP_TYPE_ANY)
      bitmap4 = wx.Bitmap(image)
      # 创建位图按钮
      self.button14 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap4,
                                       size=(image.GetWidth(), image.GetHeight()))
      HORIZONTAL.Add(self.button11, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL.Add(self.button12, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL.Add(self.button13, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL.Add(self.button14, 0, wx.ALL | wx.LEFT, 0)


      HORIZONTAL2 = wx.BoxSizer(wx.HORIZONTAL)
      image = wx.Image('21.gif', wx.BITMAP_TYPE_ANY)
      bitmap1 = wx.Bitmap(image)
      # 创建位图按钮
      self.button21 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap1,
                                       size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('22.gif', wx.BITMAP_TYPE_ANY)
      bitmap2 = wx.Bitmap(image)
      # 创建位图按钮
      self.button22 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap2,
                                       size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('23.gif', wx.BITMAP_TYPE_ANY)
      bitmap3 = wx.Bitmap(image)
      # 创建位图按钮
      self.button23 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap3,
                                       size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('24.gif', wx.BITMAP_TYPE_ANY)
      bitmap4 = wx.Bitmap(image)
      # 创建位图按钮
      self.button24 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap4,
                                       size=(image.GetWidth(), image.GetHeight()))
      HORIZONTAL2.Add(self.button21, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL2.Add(self.button22, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL2.Add(self.button23, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL2.Add(self.button24, 0, wx.ALL | wx.LEFT, 0)


      HORIZONTAL3 = wx.BoxSizer(wx.HORIZONTAL)
      image = wx.Image('31.gif', wx.BITMAP_TYPE_ANY)
      bitmap1 = wx.Bitmap(image)
      # 创建位图按钮
      self.button31 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap1,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('32.gif', wx.BITMAP_TYPE_ANY)
      bitmap2 = wx.Bitmap(image)
      # 创建位图按钮
      self.button32 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap2,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('33.gif', wx.BITMAP_TYPE_ANY)
      bitmap3 = wx.Bitmap(image)
      # 创建位图按钮
      self.button33 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap3,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('34.gif', wx.BITMAP_TYPE_ANY)
      bitmap4 = wx.Bitmap(image)
      # 创建位图按钮
      self.button34 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap4,
                                        size=(image.GetWidth(), image.GetHeight()))
      HORIZONTAL3.Add(self.button31, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL3.Add(self.button32, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL3.Add(self.button33, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL3.Add(self.button34, 0, wx.ALL | wx.LEFT, 0)


      HORIZONTAL4 = wx.BoxSizer(wx.HORIZONTAL)
      image = wx.Image('41.gif', wx.BITMAP_TYPE_ANY)
      bitmap1 = wx.Bitmap(image)
      # 创建位图按钮
      self.button41 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap1,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('42.gif', wx.BITMAP_TYPE_ANY)
      bitmap2 = wx.Bitmap(image)
      # 创建位图按钮
      self.button42 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap2,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('43.gif', wx.BITMAP_TYPE_ANY)
      bitmap3 = wx.Bitmap(image)
      # 创建位图按钮
      self.button43 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap3,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('44.gif', wx.BITMAP_TYPE_ANY)
      bitmap4 = wx.Bitmap(image)
      # 创建位图按钮
      self.button44 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap4,
                                        size=(image.GetWidth(), image.GetHeight()))
      HORIZONTAL4.Add(self.button41, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL4.Add(self.button42, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL4.Add(self.button43, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL4.Add(self.button44, 0, wx.ALL | wx.LEFT, 0)


      HORIZONTAL5 = wx.BoxSizer(wx.HORIZONTAL)
      image = wx.Image('51.gif', wx.BITMAP_TYPE_ANY)
      bitmap1 = wx.Bitmap(image)
      # 创建位图按钮
      self.button51 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap1,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('52.gif', wx.BITMAP_TYPE_ANY)
      bitmap2 = wx.Bitmap(image)
      # 创建位图按钮
      self.button52 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap2,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('53.gif', wx.BITMAP_TYPE_ANY)
      bitmap3 = wx.Bitmap(image)
      # 创建位图按钮
      self.button53 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap3,
                                        size=(image.GetWidth(), image.GetHeight()))
      image = wx.Image('54.gif', wx.BITMAP_TYPE_ANY)
      bitmap4 = wx.Bitmap(image)
      # 创建位图按钮
      self.button54 = wx.BitmapButton(self, id=wx.ID_ANY, bitmap=bitmap4,
                                        size=(image.GetWidth(), image.GetHeight()))
      HORIZONTAL5.Add(self.button51, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL5.Add(self.button52, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL5.Add(self.button53, 0, wx.ALL | wx.LEFT, 0)
      HORIZONTAL5.Add(self.button54, 0, wx.ALL | wx.LEFT, 0)



      VERTICAL.Add(HORIZONTAL, 0, wx.ALL | wx.LEFT, 0)
      VERTICAL.Add(HORIZONTAL2, 0, wx.ALL | wx.LEFT, 0)
      VERTICAL.Add(HORIZONTAL3, 0, wx.ALL | wx.LEFT, 0)
      VERTICAL.Add(HORIZONTAL4, 0, wx.ALL | wx.LEFT, 0)
      VERTICAL.Add(HORIZONTAL5, 0, wx.ALL | wx.LEFT, 0)

      self.SetSizer(VERTICAL)


      self.编辑框1 = wx.TextCtrl(self.bitmap, size=(457, 150), pos=(20, 22), value='', name='text',
                                 style=wx.TE_MULTILINE)
      self.编辑框1.SetBackgroundColour('light grey')
      self.编辑框1.SetFont(wx.Font(26, wx.ROMAN, wx.NORMAL, wx.BOLD))

      self.button11.Bind(wx.EVT_BUTTON, self.ac)
      self.button14.Bind(wx.EVT_BUTTON, self.加)

      self.button21.Bind(wx.EVT_BUTTON, self.一)
      self.button22.Bind(wx.EVT_BUTTON, self.二)
      self.button23.Bind(wx.EVT_BUTTON, self.三)
      self.button24.Bind(wx.EVT_BUTTON, self.减)

      self.button31.Bind(wx.EVT_BUTTON, self.四)
      self.button32.Bind(wx.EVT_BUTTON, self.五)
      self.button33.Bind(wx.EVT_BUTTON, self.六)
      self.button34.Bind(wx.EVT_BUTTON, self.乘)

      self.button41.Bind(wx.EVT_BUTTON, self.七)
      self.button42.Bind(wx.EVT_BUTTON, self.八)
      self.button43.Bind(wx.EVT_BUTTON, self.九)
      self.button44.Bind(wx.EVT_BUTTON, self.除)

      self.button52.Bind(wx.EVT_BUTTON, self.零)
      self.button53.Bind(wx.EVT_BUTTON, self.点)
      self.button54.Bind(wx.EVT_BUTTON, self.等)



    def ac(self,event):
      self.编辑框1.Clear()

    def 加(self,event):
      self.编辑框1.AppendText('+')

    def 减(self,event):
      self.编辑框1.AppendText('-')

    def 乘(self,event):
      self.编辑框1.AppendText('x')

    def 除(self,event):
      self.编辑框1.AppendText('÷')

    def 点(self,event):
      self.编辑框1.AppendText('.')

    def 等(self,event):
      self.编辑框1.AppendText('=')

    def 一(self,event):
      self.编辑框1.AppendText('1')

    def 二(self,event):
      self.编辑框1.AppendText('2')

    def 三(self,event):
      self.编辑框1.AppendText('3')

    def 四(self,event):
      self.编辑框1.AppendText('4')

    def 五(self,event):
      self.编辑框1.AppendText('5')

    def 六(self,event):
      self.编辑框1.AppendText('6')

    def 七(self,event):
      self.编辑框1.AppendText('7')

    def 八(self,event):
      self.编辑框1.AppendText('8')

    def 九(self,event):
      self.编辑框1.AppendText('9')

    def 零(self,event):
      self.编辑框1.AppendText('0')


if __name__ == '__main__':
    app = wx.App()
    frame = wx.Frame(None, -1, '计算器v0.1', size=(507, 632))
    frame.SetIcon(wx.Icon('ioc.jpg'))
    my_panel = MyPanel(frame, -1)
    frame.Show()
    app.MainLoop()


源码和素材

bachelor66 发表于 2024-10-25 17:17

这界面看着很漂亮啊，学习一下                                       

桓先生 发表于 2024-10-26 09:51

个人愚见，色彩太多了，显得杂乱。小数点所在的框没有对齐，不协调。数字太大了 和阴影重合了，比较割裂。

chh322 发表于 2024-10-25 15:54

是个不错的思路 学习了

abpyu 发表于 2024-10-25 16:30

这个厉害这个厉害:lol

cnmingxing 发表于 2024-10-25 16:42

感谢分享

tiantou 发表于 2024-10-25 16:56

学习了，感谢分享

青蛙考拉 发表于 2024-10-25 19:36

一点都不好看，花里胡哨{:1_911:}

yang0888 发表于 2024-10-25 21:54

这个厉害了

龍謹 发表于 2024-10-26 06:57

学无止尽，向楼主和坛友们学习。

apull 发表于 2024-10-26 07:35

这个厉害了，学习下
页: [1] 2
查看完整版本: 用PS设计和wxpython做出漂亮的界面实例


免责声明：
吾爱破解所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:Service@52pojie.cn