START TOUR NOW

Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!

Contents

AppPaper

A sheet of paper with shadow. More...

Import Statement: import Felgo 3.0

Properties

Detailed Description

The AppPaper offers a material style sheet of paper with shadow, which can also be elevated. This is a base component of the AppCard.

 import Felgo 3.0
 import QtQuick 2.0

 App {
   Page {
     AppPaper {
       anchors.centerIn: parent
       width: dp(300)
       height: appText.height

       AppText {
         id: appText
         width: parent.width
         padding: dp(15)
         text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
       }
     }
   }
 }

Property Documentation

background : alias

Alias to the Rectangle item used for the background.

This property was introduced in Felgo 2.18.1.


elevated : bool

Use this property to add elevation to the paper. An example usage would be:

 Page {
   Paper {
     anchors.centerIn: parent
     width: dp(200)
     height: dp(200)
     elevated: mouseArea.pressed // elevate the card if it is pressed

     MouseArea {
       id: mouseArea
       anchors.fill: parent
     }
   }
 }

This property was introduced in Felgo 2.18.1.


radius : real

The radius used for the edges. This changes both the background radius as well as the shadow radius. It is recommended to use values below dp(15), as this also influences the shadow spread. Higher values might lead to large shadows, so use carefully. Note that this radius does not automatically clip the content of the paper.

This property was introduced in Felgo 2.18.1.


shadow : alias

Alias to the RectangularGlow item used to create the shadow.

This property was introduced in Felgo 2.18.1.


shadowColor : color

The shadow color. The default value is "#70000000" by default.

This property was introduced in Felgo 2.18.1.


shadowOffsetDefault : real

The default vertical shadow offset, if the card is not elevated. This is set to dp(1) by default.

This property was introduced in Felgo 2.18.1.


shadowOffsetElevated : real

The vertical shadow offset, if the card is elevated. This is set to dp(5) by default.

This property was introduced in Felgo 2.18.1.


shadowSizeDefault : real

The default shadow size, if the card is not elevated. This is set to dp(3) by default.

This property was introduced in Felgo 2.18.1.


shadowSizeElevated : real

The shadow size, if the card is elevated. This is set to dp(8) by default.

This property was introduced in Felgo 2.18.1.