• Home

GameNetworkView

Deprecated UI for FelgoGameNetwork leaderboards, achievements and user profile. More...

• List of all members, including inherited members

Properties

• bodyColor : color
• bodyFontSource : alias
• bodyLightColor : color
• countryCodeEnabled : bool
• deleteAccountEnabled : bool
• gameNetworkItem : variant
• headerFontSource : alias
• higlightFriendPlayersWithColorEnabled : bool
• iconFontName : string
• iconFontSource : string
• initialStateBeforeShow : string
• separatorColor : color
• showAchievementsHeaderIcon : alias
• showLeaderboardsHeaderIcon : alias
• tintColor : color
• tintFriendPlayerHighlightColor : color
• tintLightColor : color

Signals

• backClicked()
• showCalled()

Methods

• show(newState, initialState)

Detailed Description

This view contains all standalone views for FelgoGameNetwork services like leaderboards, achievements and user profiles.

These are the default views in the GameNetworkView:

Note: The GameNetworkView is deprecated and will no longer receive updates and fixes. Instead, please use the SocialView type:

Using the SocialView comes with several advantages:

• Felgo Apps Compatibility: The social view is designed for easy usage with Felgo Apps, which usually provide a stack-based layout with the App Navigation components.
• Better Customization Options: It is now possible to extend the view with custom UI elements to e.g. show custom user data without having to directly modify the QML source code of the view.
• Native Look and Feel: The default UI of the new view automatically provides a native style and user experience for iOS and Android.
• Clean Separation of Sub-Pages: The GameNetworkView holds a single instance of each sub-view it provides. This means it is not prepared to show different instances and configurations of e.g. the leaderboard or user profiles within your app. For example, you can only show the profile of one specific user at a given time. The SocialView on the other hand clearly separates the view, custom delegates and available social pages. This also allows to introduce custom pages that can work with the FelgoGameNetwork and FelgoMultiplayer services, without the need to modify the QML source code of the view.

Customize GameNetworkView UI to your game

You can also customize the views to match your game UI: either change the open-source code of GameNetworkView (browse the engine sources for the source code), or customize each of the views individually. The GameNetworkExample contains an example with source code how to do so.

Example Usage

The following example shows how to use the GameNetworkView in a game:

 import Felgo 3.0
 import QtQuick 2.0

 GameWindow {
   // add other components like the EntityManager here

   FelgoGameNetwork {
     id: gameNetwork
     // created in the Felgo Web Dashboard
     gameId: 5
     secret: "abcdefg1234567890"
     gameNetworkView: myGameNetworkView
   }

   Scene {
     id: scene
     // add your game functionality here

     SimpleButton {
       text: "Show Leaderboards"
       onClicked: {
         // open the leaderboard view of the GameNetworkView
         gameNetwork.showLeaderboard()
       }
     }

     GameNetworkView {
       id: myGameNetworkView
       anchors.fill: scene.gameWindowAnchorItem

       gameNetworkItem: gameNetwork

       onShowCalled: {
         myGameNetworkView.visible = true
       }

       onBackClicked: {
         myGameNetworkView.visible = false
       }
     }// GameNetworkView

   }// Scene
 }// GameWindow

In the example above the GameNetworkView gets changed its visible property in onShowCalled and onBackClicked. You can also put the GameNetworkView into an own Scene for more advanced effects and to prevent loading the GameNetworkView when the app starts. See the ChickenOutbreak Demo how this is done in this live app store game. You can also download it from the app stores and watch the GameNetworkView in a real app from here: https://felgo.com/showcases/#chicken_outbreak

Property Documentation

 // ...

 FelgoGameNetwork {
   id: myGameNetwork

   gameNetworkView: myGameNetworkView

   // other gameNetwork code here

 }

 GameNetworkView {
   id: myGameNetworkView

   gameNetworkItem: myGameNetwork
 }

 // ...

Signal Documentation

Method Documentation