Create a matrix from a .csv file

[AliM93]

done! thanks, now we have to modify the paintevent in order to show the grid, right?

[mrjj]

@AliM93

Ok, small fix.
You data has max x,y as
x: 14 y: 21
so our array is one to small as we start in 0 (zero)
so change

const int max_x = 14;
const int max_y = 21;

to

const int max_x = 15;
const int max_y = 22;

as else we drop some :)

[AliM93]

@mrjj ok thanks

[mrjj]

Ok next step is to add some paint code.

So in .cpp

void MatrixWidget::paintEvent(QPaintEvent *event)
{

    QPainter p(this);
    // draw frame.
    p.drawRect(0, 0, width() - 1, height() - 1);

    // size of area we have. w = width , h = height , we take 2 pixles for border
    int w = width() - 2;
    int h = height() - 2;

    // now we find out how big each box should be which area we have  divided with how many on x and y
    int bw = w / max_x;
    int bh = h / max_y;

    // now we loop and drw the boxes
    for (int xi = 0; xi < max_x; ++xi) {
        for (int yi = 0; yi < max_x; ++yi) {
            p.drawRect( QRect( xi * bw, yi * bh, bw, bh  ) )  ;
        }
    }

}

and then next we will add to some UI so we can see what it start working :)
Teaser.

[AliM93]

@mrjj thanks also for comments, so i can better follow the flow. but sorry i have to include QPainter somewhere? yes solved!

[mrjj]

@AliM93
Yep, need includes.

I hope comments are enough to understand it.
its just calculating how big each box should when we have max_x and max_y and some area ( the widgets area)

Shall we try to add it and UI and see something?
I want to show you a Creator feature called Promotion that makes it easy to use such custom control.

(note i bumped your upvotes so you should be able to post faster now)

[AliM93]

@mrjj sure! the only thing is, as you can image from my images, i'm working into a bigger file, and when i run the app i have also a main_window.ui. so i have to link all the things to that. is it possilbe, isn'it it?

[mrjj]

@AliM93
yes, i though we add it to your main ui to see its working ?

Its same project still, correct ?

[AliM93]

@mrjj yes, but in the final project i need to add to a QDialog which starts after i click a button on the main_window, but i hope it is not a big problem, right? anyway we can use a pushbutton clicked to show this now?

[mrjj]

Yes you can add to a dialog the same way as to any other UI :)

To use your custom widget.
Go to your main window ui file and open it
place a normal Qwidget on the form
RIGHt click it

and choose promote to

Then in the new window , fillin the class name

nake SURE to spell it as shown in file!
MatrixWidget for "class name"
Case matters!

now press ADD
then Press Promote.

When you run the app, our custom widget will be shown instead of the plain one we added.

[AliM93]

my main_window is still polupated

[AliM93]

This post is deleted!

[mrjj]

@AliM93

add to the dialog then :)
Its 100% the same way.
Dont matter which UI.

So lets just use the dialog.

[AliM93]

ok, so what i have to do? Add a normal QWidget to may main_window

[mrjj]

@AliM93

open UI file for dialog and promote it as shown.
This Creator feature will then allow us to use our new custom widget without adding it from code.

[mrjj]

@AliM93 said in Create a matrix from a .csv file:

Add a normal QWidget to may main_window

No, not if you want to use the dialog.

[AliM93]

yes but which dialog i have to open? i don't have in this file.. can i add?

[mrjj]

@AliM93
Ohh, you dont have dialog yet ?
Lets add new blank one.
Sec. shots.

[AliM93]

@mrjj no because i have the maxi project, and i split to a little one, then i will integrate

[mrjj]

Again, select the File New as when we made the widget.

Choose Designer Form class

Then choose a dialog

Give it a good name

Press NExt, NExt

Now you have this and you add a QWidget to it and promote it.