Adding a file name to each code snippet in QFace tutorial

The Qt Interface Framework has a tutorial document(https://doc.qt.io/QtInterfaceFramework/qtinterfaceframework-interfaceframework-qface-tutorial-example.html).

The tutorial itself is really nice, but it seems not to have a file name described for each code snippet, which may make it a bit difficult for the readers to follow smoothly.