Help for widget

[crazy666]

Hello i try to lean python and i have difficulty for create widget ,

import console
import clipboard
import ui
import appex, ui
mv = ui.View(frame=(0,0,320,420))
mv.background_color = 'black'
def num_inp(sender):
    if sender.title == 'next':
        sender.active = 1 + sender.active
        return
    tf_idx = sender.superview['nf'].active
    tf = sender.superview[['brut','long','nb'][tf_idx]]
    tf.text += sender.title
l1 = ui.Label()
l1.text = 'brut:'
l1.frame = (67,2,50,20)
l1.text_color = '#ffffff'
mv.add_subview(l1)
l2 = ui.Label()
l2.text = 'long:'
l2.frame = (65,25,50,20)
l2.text_color = '#ffffff'
mv.add_subview(l2)
l3 = ui.Label()
l3.text = 'nb:'
l3.frame = (77,48,50,20)
l3.text_color = '#ffffff'
mv.add_subview(l3)
l4 = ui.Label()
l4.text ='palette:'
l4.frame = (67,71,110,20)
l4.text_color = '#ffffff'
mv.add_subview(l4)
l5 = ui.Label()
l5.text = 'rouleau:'
l5.frame = (64,94,110,20)
l5.text_color = '#ffffff'
mv.add_subview(l5)
t1 = ui.TextField(name='brut')
t1.frame = (105,2,70,20)
mv.add_subview(t1)
t2 = ui.TextField(name='long')
t2.frame = (105,25,70,20)
mv.add_subview(t2)
t3 = ui.TextField(name='nb')
t3.frame = (105,48,70,20)
mv.add_subview(t3)

        
for i in range(0,5):
    b = ui.Button()
    b.action = num_inp
    b.title = str(i)
    b.frame = (180+i*40,0,54,50)
    b.font = ("<system>",36) 
    b.background_color = '#949494'
    mv.add_subview(b)
for j in range(5,10):
    b = ui.Button()
    b.action = num_inp
    b.title = str(j)
    b.frame = (-20+j*40,50,54,50)
    b.font = ("<system>",36)
    b.background_color = '#949494'
    mv.add_subview(b)
nf =ui.Button(name='nf')
nf.title = 'next'
nf.font = ("<system>",20)
nf.background_color ='#c5c5c5'
nf.action = num_inp
nf.active = 0
nf.frame = (5,5,50,30)
mv.add_subview(nf)

appex.set_widget_view(mv)

[cvp]

@crazy666 Hello, I understand that it is not easy to start because the app provides so much functionalities.
Do you know the local help of Pythonista by selecting a word?
This displays a little popup menu where you can tap help and you will get the local help of the module or method or function....

[stephen]

@crazy666 said:

Hello i have a question ...
what is the difference between frame and scene?
i'm desperate i don't know how to restart
What is the best to start ?
Create view class and after add fonction?
Or what is the best strategy for write

I don't want use ui editor becose i want understand structure

Thanks for help me !!

frame

in the instance of ui module is a Rect that we talked about last time and if i understand correctly, does some initial calculation when object is created.

• x
• y
• width
• hieght
• bounds
  so on..

scene

This is a complete, actually a chain of, modules for bridging Pythonista with SceneKit from Apple. it has many connections with the ui module. the class Scene that your MyScene class dirives from is itself a sub-class of SceneView from ui. with this said you can alternativle write a ui project and make one View element sub-class SceneView and write a MyScene class then set your MySceneView.scene = MyScene() and this allows you to present your scene in your ui other than forcing fullscreen.

so for this part,

frame is an attribute of ui.View (scene nodes you generally set the Node.position and Node.size. position being a Point object and size a Size object. i belive even if you pass a normal 2tuple scene should convert to object needed but i find its much cleaner and good practice to just explucitly instance the object.
hint: MySprite.position = MyScene.size/2 willconvert the Size object to Point object while setting sprite to center of screen 😉🤓

scene is a module for animations and Game Development. not limited to though.. see here for documentation on scene module.

---

---

I personally suggest you learn scene then continue with ui while using SceneView. but its really up to whats comfortable for you buddy..

my typical path i take is similar to following for starting scene projects...
-import my standart modules..

inside a core.py i place all my imports. including my from scene import *.

• wrighy out mt factory functions..

  functions that creat my nodes and other objects. this helps maintain consistency and reduce programer error from typos.. ⤹⤹⤹

example...

    #explicitly i pass Point and Size objects..
    #leave out size for LabelNode to allow autosizeing ⤶
    #to font and string sizes..
    def new_label(text=None, point=None, size=None, 
                    parent=None, font=('Helvetica', 16)):
        label = scene.LabelNode(
            text=text,
            font=font,
            position=point, 
            size=size,
            parent=parent,
            anchor_point=(0.5, 0.5)
        )
        
        # ... add logic for creating all labels ...
        return label
        
    
    now inside main script...
    from core import *
    w, h = get_screen_size()
    
    class MyScene(Scene):
        def __setup__(self, *args, **kwargs):
            self.score = 0
            self.score_display = new_label(self.score, 
                        Point(w/2, h-50), Size(150, 45), self)

*note: im using scene from core.py instead of importing in both.. this allows me to creat scene objects in core.py without doing from scene import ... for everything i use. if both scripts core and main did from scene import * the interpreter will not import core.py. with message cannot import core.

• from here sky is the limit!

---

i hope this helps you in what you needed

Also..

using UI Builder wont effect your path in learning structure. it only give a visual interactive way to set up the ui. you can still programatically set properties and have a custom view class..

[roku_one]

I tried to use the same screen widget for many porpuse. And it work. It just a shame that put a button also depends of the lengh of the text inside

[crazy666]

@cvp i swipe left and i use "?" For search description

[cvp]

@crazy666 that's the right way to access total local help and a search on it

[crazy666]

Thanks you @cvp

[cvp]

@crazy666 But don't forget Pythonista offers also the possibility to use the
select / popup menu / help like showed some posts above

[crazy666]

@cvp yes !!!now i will use it 😉

[stephen]

@roku_one said:

I tried to use the same screen widget for many porpuse. And it work. It just a shame that put a button also depends of the lengh of the text inside

im not sure i understand? are you saying the button wont fit the text or he size is clampig to string size?

what is your use senario?

[mikael]

@stephen, it’s spam.

[stephen]

@mikael

wonderful lol

[cvp]

@mikael Sure? He had also created this topic

[mikael]

@cvp, I was pretty sure, given ”1 post” and the content, until I saw the other post. My apologies @roku_one.