Bixby Views
This capsule displays many of the common layouts used in Bixby Views for all of the currently supported devices.
Because you cannot submit a capsule with the example namespace, in order to test a sample capsule on a device, you must change the id in the capsule.bxb file from example to your organization's namespace before making a private submission.
For example, if your namespace is acme, change example.commonLayouts to acme.commonLayouts.
The Common Layouts sample capsule is trained with a set of utterances that call up a set of cards, cells, and other input components:
- "Show an image card"
- "Show a thumbnail card"
- "Show a compound card"
- "Show an image carousel"
- "Show an image list"
- "Show a cell area"
- "Show a cell card"
- "Show an input cell"
- "Show a partition"
- "Show a map"
- "Show a title area"
- "Show a title card"
- "Show an hbox"
- "Show an attribution link"
- "Show a video"
- "Show an image"
- "Show a progress bar"
- "Show a header"
- "Show a header with an image area"
- "Show a single line"
- "Show an image list of"
- "Show a thumbnail area"
These layouts are defined in the resources/base/layouts directory of the capsule:
layouts/
├── compound-card/
│ ├── Flower_Compound_Card.macro.bxb
│ ├── Hotel_Compound_Card.macro.bxb
│ └── RideShare_Compound_Card.macro.bxb
├── details/
│ ├── Flower_Details.macro.bxb
│ ├── Hotel_Details.macro.bxb
│ ├── Hotel_Rating.macro.bxb
│ └── RideShare_Details.layout.bxb
├── image-card/
│ ├── Flower_Image_Card.macro.bxb
│ ├── Hotel_Image_Card.macro.bxb
│ └── RideShare_Image_Card.macro.bxb
└── thumbnail-card/
├── Flower_Thumbnail_Card.macro.bxb
├── Hotel_Thumbnail_Card.macro.bxb
└── Rideshare_Thumbnail_Card.macro.bxbThe views that individually call the components are defined in the resources/base/views directory of the capsule:
views/
├── attribution-link/
├── carousel/
├── cell-area/
├── cell-card/
├── compound-card/
├── hbox/
├── header/
├── image/
├── image-card/
├── image-list/
├── image-list-of/
├── input-cells/
├── map/
├── partitioned/
├── progress-bar/
├── single-line/
├── thumbnail-area/
├── thumbnail-card/
├── title-area/
├── title-card/
├── video/For more details about specific components, read Creating Bixby Views and Layout Components.
Video Tutorials
You can watch the following videos to learn more about Bixby Views components:
- Video Tutorial: Bixby Views Components
- Bixby Views and User Experience Best Practices from SDC 2019
- Several videos on the Bixby Tutorials Videos page, such as the following:
- Bixby 202: Intermediate Bixby - Dialog, Layouts, and Training
- Bixby Studio - Result View Tutorial
- Bixby Studio - Input View Tutorial