Interact between Ring and QML

[MOHANNAD ALDULAIMI]

Hello Mahmoud, and all Ring Family.

You mentioned before that QML ring events is in your to-do list in this topic:

https://groups.google.com/g/ring-lang/c/C3sYZVtxucw/m/tOiEcta6BQAJ

I wanted to create new ring Arabic application ,for android with QML.

but I surprised that ring is still not support events from QML, or even we can not access the QML objects from Ring code to set this events manually...

i do not have the enough knowledge for CPP  to create a sub library that helps me to do tis, 

also I asked AI but did not get myself to the right way...

So Please if you have a time to make this feature with new Ring Release

Best Wishes...

Mohannad

[Mahmoud Fayed]

Hello Mohannad

Thanks for your suggestion, I am not interested in this feature at the current stage because I don't need it in my applications.

In a large open-source project like Ring, I don't provide contributions based on (feature requests)

Because large projects could be improved in many unlimited directions and each developer could ask about such improvements.

I am just like you and other developers in this group, I use Ring, and when I need something, I develop it and share it for others.

I hope that one of the other contributors will need this feature and/or decide to implement/share.

Greetings,

Mahmoud

[Mansour Ayouni]

Hello Mahmoud,

I'm also interested in this feature and understand your answer. Still, I kindly ask you to share your vision of the best way to do this, in a way that give s us hint to do it the best way possible...

All the best,

Mansour

--

---
You received this message because you are subscribed to the Google Groups "The Ring Programming Language" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ring-lang+...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/ring-lang/78ec6429-cb79-4c19-b99f-791838d78209n%40googlegroups.com.

[Mahmoud Fayed]

Hello Mansour

>> "I kindly ask you to share your vision of the best way to do this, in a way that give s us hint to do it the best way possible"

Qt provides example about calling C++ from QML and calling QML from C++

All what you need is getting one of these examples (QML code that call C++ code) then update the C++ code to call Ring code

Examples about C++ code that call Ring code already exists (Many RingQt classes does this)

Example: ring/extensions/ringqt/cpp/src/gpushbutton.cpp at master · ring-lang/ring

void GPushButton::clickedSlot()
{
if (strcmp(this->cClickEvent,"")==0)
return ;

ring_vm_runcode(this->pVM,this->cClickEvent);
}

So, in reality it's just about calling ring_vm_runcode() function, passing the VM pointer and the code string to execute

Greetings,

Mahmoud

[Mahmoud Fayed]

Hello Mohanned

>> "I do not have the enough knowledge for CPP  to create a sub library that helps me to do this"

Trust me, you have the knowledge and experience, you just need to do what we do with any programming task (Try & Error & Give it more time). 

I looked at your wonderful code in (Listen to Quran) application, and how you defined more functions in C++ to help you in your app, so you can :D

Just follow these steps

(1) Try to get one of the examples about calling C++ from QML, study this example and run it.

(2) Update this example to call Ring code 

(3) Based on (1) and (2) write more functions/classes.

Greetings,

Mahmoud

On Friday, September 5, 2025 at 6:57:02 PM UTC+3 mohann...@gmail.com wrote:

[Mansour Ayouni]

Hello Mahmoud,

I ser now why you said it's simple to implement! Thank you very mutch.

Best,

Mansour

To view this discussion visit https://groups.google.com/d/msgid/ring-lang/78c91d23-95c0-478c-9ed8-9c0bfd66cb9dn%40googlegroups.com.

[Mahmoud Fayed]

Hello Mansour

You are welcome :D

Greetings,

Mahmoud

[MOHANNAD ALDULAIMI]

Hello Mahmoud and  Mansour  ,

I'm working on the library, my cpp capabilities not professional but my code still good and work without memory leaks or crashes.

I'm sure this is a strong evedance about the easy cpp api of Ring,while a someone who doesn't have ability to create simple cpp projects can create a Ring Qt CPP library ...

my library now is provide:
- the abilty to call ring functions from QML.
- the ability to share RingQt object into a QML and access modify its properties.
- the ability to share QML Objects into Ring code and modify ita properties.
- Setter/Getter for QML objects properties.

I will share it as RingPM package,

But I needs your suggestions…:D

Best Wishes…
Mohannad

[Mahmoud Fayed]

Hello Mohannad

This is very nice, feel free to share the RingPM package so we can try it.

Greetings,

Mahmoud

[Mansour Ayouni]

Hello Mahmoud,

Please also share a small tutorial on how to do the link between QML and Ring in short examples.

All the best,

Mansour

To view this discussion visit https://groups.google.com/d/msgid/ring-lang/17cb6436-9351-4d84-9aaf-1635ef89bec4n%40googlegroups.com.

[Mansour Ayouni]

Sorry, my last message was to Mohanned not Mahmoud.

Best,

Mansour

[MOHANNAD ALDULAIMI]

Hello Mahmoud,

Please if you have a time give me a super simple example about adding list to another list using c code,

I spent more than 2 days of searching in ring source code/fastpro source and did not understand the concept ,

while a function called : ring_vm_addlisttolist is not useable as api in c because when use it i get link error...

Best Wishes 

Mohannad

[Mahmoud Fayed]

Hello Mohannad

In Ring, lists contains items

Each item could be a String/Number/List

We can use 

List * ring_list_newlist ( List *pList ) ;

List * ring_list_newlist_gc ( void *pState,List *pList ) ;This will add an empty list to our list (i.e. sub list) as a new item, then return the list pointer of the new sub list

Using this sub list pointer, you can add items using normal functions used with lists

Search inside ring/language/src/*.c using ring_list_newlist and You will find many example in Ring Compiler/VM implementation

Greetings,

Mahmoud

[max]

Hallo MOHANNAD,
Look hier
https://github.com/ring-lang/ring/tree/master/extensions/tutorial

https://github.com/ring-lang/ring/tree/master/extensions/tutorial/createtable

[MOHANNAD ALDULAIMI]

Hello  Mahmoud, max

Thanks for your help , it worked as expected ...:D

it is easier than I thought ...

this was required for the QML lib ,to call ring language functions from QML with its parameters, and return the ring function value as typed from Ring (int,double,String)

According to return ring lists there is no a large benefit to return it because we can return list2json(alist) and in QML use JSON.parse ...:D

Best wishes...

Mohannad

[Mahmoud Fayed]

Hello Mohannad

You are welcome :D

Greetings,

Mahmoud

[Mansour Ayouni]

Hello Mohannad,

Can you share a small tutorial on the necessary steps to call Ring from QML?

Best,

Mansour

--

---
You received this message because you are subscribed to the Google Groups "The Ring Programming Language" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ring-lang+...@googlegroups.com.

To view this discussion visit https://groups.google.com/d/msgid/ring-lang/dba075e5-25ac-44f9-aa9e-cbdcbfb78e50n%40googlegroups.com.

[MOHANNAD ALDULAIMI]

Hello Mansour,

Of course, I'll share some easy-to-follow tutorials and samples. It should take about 2–3 days before I release this useful library (hopefully before the new Ring version is launched).

The concept is simple: you have a JS object called Ring. Everything you want to do with Ring is done by calling its methods. For example:

- Get a global Ring variable containing text:

  Use Ring.getVar("cVarName")

  Example for button text:

  button {

      text: Ring.getVar("G_MainBtnText")

  }

- Call a Ring event (no return value):

  Use Ring.callEvent("cEvent")

- Call a Ring function and pass parameters from QML:

  Use Ring.callFunc("cFuncName", aParams)

  Example:

  console.log(Ring.callFunc("substr", ["Ring and QML", " ", "_"])) // Output: Ring_and_QML

Key details:

- You can call any Ring function (not just built-ins).

- Parameters can be: QML objects, strings, numbers (int, double, bool), or JSON arrays.

- Return types from Ring: strings, numbers, JSON objects, or JavaScript arrays (as JSON objects).

This isn’t all—more features are coming once development is complete!

From the Ring side:

- Share QWidget objects with QML and interact with them.

- Retrieve a QML object by its objectName property.

- Update QML properties directly from Ring.

These aren’t all the features I’ve completed—there’s much more to come!

Note:my message enhanced by AI

Best wishes,

Mohannad

[Mansour Ayouni]

Hello Mohannad,

Excellent work!

Since your are going to contribute the library to Ring then stay focused on its achievement. We will understand the implementation from the code and the examples.

Thank you very mutch!

Mansour

To view this discussion visit https://groups.google.com/d/msgid/ring-lang/0d1d5970-c178-42bb-8223-a78c9b30e38cn%40googlegroups.com.

[Mahmoud Fayed]

Hello Mohannad

>> "Of course, I'll share some easy-to-follow tutorials and samples. It should take about 2–3 days before I release this useful library (hopefully before the new Ring version is launched)."

I checked your website: https://mohannad-aldulaimi.github.io/

Which includes 3 mobile apps developed using Ring & Qt

I noticed that you already developed the Pray Time App which connect between Ring and QML

Do you still have the plan to share the app source code? so we can highlight it in Ring Website :D

Greetings,

Mahmoud

[Mansour Ayouni]

Hello Mohannad,

A beautiful website!

Waiting for an explanation how QML and Ring were linked in your library.

Best,

Mansour

To view this discussion visit https://groups.google.com/d/msgid/ring-lang/dd3cb5b4-9681-4920-ab63-f72932d0da26n%40googlegroups.com.

[MOHANNAD ALDULAIMI]

Hello Mahmoud ,Mansour

The Pray times app was as startup of developping real api contact between Ring and QML,
and the source code for we used Ring as Backend And QML as frontend,

Now I'm use ringQML in real apps to be strong and dependable in developping apps,
Thats why I still did not released the library…
More features are added every day…
But I will share the source code of the library in the next days,

important note tgat RingQML is comes without loading the guilib or ringqt to support custom built apps with cpp Qt/Ring developers ,

"Do you still have the plan to share the app source code? so we can highlight it in Ring Website :D "--> of course, but when I package the library and share it with samples in the group …

this library will make. Ring Developpers more productivity to developing apps for mobile and web assembly, and other platforms …

important note that because of we using customized loadContent functions we provided some beautiful features inclding:
- no need to build libssl or cpp internet libraries, so it load the code.
- also we sace the code inside Ring program memory.
- also the QML code always in safe place in windows…while when build ringqt apps as exe in documentation we do not need to use qrc files…

also we have flexible api to call QML functions from Ring(with params)…and Ring Functions/events from QML (with params)

"Waiting for an explanation how QML and Ring were linked in your library."-->

QML components is QUICK ITEMS->can be accessed using cpp.

we are using CPP as bridge or road to interact with QML
so:
RING->CPP->QML or
QML->CPP->RING.

supported arguments types from Ring to QML: String/number/lists [normal list | hash table]/QtObjects

e.g we have defined a class that inherent from Qt classes:

class mywin from QWidget

mywin class now is RingQt object and can be shared to QML

Ring List -> QVariantList -> Js Array,

Ring Hash table-> QVariantMap ->Js Object

e.g alist =[
    :id =0,
    :name="Mohannad"
]

oQML.callFunc(cQMLFunc,aListOfArguments)

oQML.callFunc("myQMLFunct",[alist] )

in QML:
function myQMLFunct(p1){
      console.log("Hello",p1.name)
}

simple but tricky, this the main concept …

what is it needs now,after used in Scientific research applications for architecture…

it needs some improvements like instead of using callFunc to call QML function we will use oQml.root.funcName(funcParams)…


Best wishes …
Mohannad

[Mansour Ayouni]

Hello Mohannad,

Fantastic work! I'm sure this library will add a huge value to our design of modern UIs.

Keep going!

Best,

Mansour

To view this discussion visit https://groups.google.com/d/msgid/ring-lang/33e14e0d-e9df-4602-a561-dda767a3aa59n%40googlegroups.com.

[Mahmoud Fayed]

Hello Mohanned

Very nice news, Thanks for sharing :D

Greetings,

Mahmoud