Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi Androidmu
- 1. Khrisna Indrawan Eka Putra Google Associate Android Developer, Code Reviewer Dicoding
- 3. 1. Information Widgets 2. Collection Widgets 3. Control Widgets 4. Hybrid Widgets https://developer.android.com/guide/topics/appwidgets/overview
- 4. Information widgets typically display a few crucial information elements that are important to a user and track how that information changes over time. Example - Weather widgets - Clock widgets - Sports score trackers. https://developer.android.com/guide/topics/appwidgets/overview
- 5. Collection widgets specialize in displaying multitude elements of the same type, such as a collection of pictures from a gallery app, a collection of articles from a news app or a collection of emails/messages from a communication app. Focus : - Browsing the collection - View more detail information Collection widgets can scroll vertically. https://developer.android.com/guide/topics/appwidgets/overview
- 6. The main purpose of a control widget is to display often used functions that the user can trigger right from the home screen without having to open the app first. Think of them as remote controls for an app. A typical example of control widgets are music app widgets that allow the user to play, pause or skip music tracks from outside the actual music app. Interacting with control widgets may or may not progress to an associated detail view depending on if the control widget's function generated a data set, such as in the case of a search widget. https://developer.android.com/guide/topics/appwidgets/overview
- 7. While all widgets tend to gravitate towards one of the three types described above, many widgets in reality are hybrids that combine elements of different types. For the purpose of your widget planning, center your widget around one of the base types and add elements of other types if needed. A music player widget is primarily a control widget, but also keeps the user informed about what track is currently playing. It essentially combines a control widget with elements of an information widget type. https://developer.android.com/guide/topics/appwidgets/overview
- 8. 1. Gestures Because widgets live on the home screen, they have to co-exist with the navigation that is established there. The only gestures available for widgets are: - Touch - Vertical swipe 2. Elements Given the above interaction limitations, some of the UI building blocks that rely on restricted gestures are not available for widgets. https://developer.android.com/guide/topics/appwidgets/overview
- 9. 1. Content 2. Navigation 3. Resizing 4. Layout Considerations 5. Configuration https://developer.android.com/guide/topics/appwidgets/overview
- 10. Widgets should consolidate and concentrate an app's information and then provide a connection to richer detail within the app. Always make sure that your app shows more detail about an information item than what the widget already displays. https://developer.android.com/guide/topics/appwidgets/overview
- 11. Besides the pure information content, you should also consider to round out your widget's offering by providing navigation links to frequently used areas of your app. Good candidates for navigation links to surface on widgets are: - Generative functions. - Open application at top level https://developer.android.com/guide/topics/appwidgets/overview
- 12. Resizing allows users to adjust the height and/or the width of a widget within the constraints of the home panel placement grid. Allowing users to resize widgets has important benefits: - They can fine-tune how much information they want to see on each widget. - They can better influence the layout of widgets and shortcuts on their home panels. https://developer.android.com/guide/topics/appwidgets/overview
- 13. https://developer.android.com/guide/topics/appwidgets/overview Information widgets on the other hand require a bit more hands-on planning, since they are not scrollable and all content has to fit within a given size. You will have to dynamically adjust your widget's content and layout to the size the user defined through the resize operation.
- 14. It will be tempting to layout your widgets according to the dimensions of the placement grid of a particular device that you own and develop with. This can be a useful initial approximation as you layout your widget, but keep the following in mind: - The number, size and spacing of cells can vary widely from device to device. - In fact, as the user resizes a widget, the system will respond with a dp size range in which your widget can redraw itself. https://developer.android.com/guide/topics/appwidgets/overview
- 15. Sometimes widgets need to be setup before they can become useful. Think of an email widget for example, where you need to provide an account before the inbox can be displayed. Or a static photo widget where the user has to assign the picture that is to be displayed from the gallery. Keep the widget configuration light and don't present more than 2-3 configuration elements. https://developer.android.com/guide/topics/appwidgets/overview
- 16. 1. Focus on small portions of glanceable information on your widget. Expand on the information in your app. 2. Choose the right widget type for your purpose. 3. For resizable widgets, plan how the content for your widget should adapt to different sizes. 4. Make your widget orientation and device independent by ensuring that the layout is capable of stretching and contracting. https://developer.android.com/guide/topics/appwidgets/overview