Design idea template for novel appThe following is the design template for a novel app:
** 1. Function Planning **
1. ** Home Page **
- Overall layout: You can use a vertical linear layout to ensure that the page elements are arranged orderly from top to bottom.
- Search Box: Use RelativeLayoutto accurately locate the search box on the page.
- Leaderboard: Construct a 4x4 leaderboard through the Horizontal ScrollView and the Cyclic View waterfall to show the ranking of popular novels.
- [The bottom navigation bar uses the mature BottomNavigationView technology solution and uses the ventor icon as the navigation bar image.]
2. ** Rankings **
- The RecyclerView was a combination of left and right, and the books on the right were displayed according to the classification on the left, making it convenient for users to view the list of books according to different categories.
3. ** Bookshelves **
- [Layout: Use a 3-column layout to make the books on the bookshelf more orderly.]
- "Interactivity: clicking on an event can be used to view the details of the book, and long pressing on an event can be used to delete the book.
4. ** Mine **
- <Layouts>: Use a RestrictLayouts layout.
- Logout: It is achieved by clicking the button event to ensure the convenience of user account management.
** 2. Interface Realization **
1. ** Home page's Xml layout **
- Set the appropriate xmls attributes, such as xmls:android, xmls:app, xmls:tools, etc., and determine the layout's naming space and other related settings.
- For each element on the page, such as the search box related components (including background, size, margin, and other attributes), the leaderboard related text display (such as the title "Leaderboard","Complete Leaderboard>", etc., font size, style, and other attributes), and the main page, CirculerView (setting its width, height, background, scrolling mode, and other attributes), they had to be set in detail.
2. ** Rankings Xml layout **
- Use a horizontal layout (android:orientation = "horizontal") and set the weights (weightSum and other attributes).
- The RecyclerView on the left and right sides had their own attributes, including width, height, background, scrolling mode, etc., to ensure the normal display and interaction of the list interface.
3. ** Bookshelf Xml layout **
- Using a vertical layout (android:orientation = "vertical"), the RecyclerView of the bookshelf should be set to the appropriate width, height (such as setting the height to 0dd and layout_weight = "1" according to the weight), background, scrolling mode, and other attributes.
4. ** My Xml layout **
- Similarly, set the xmls attribute. In the layout, the user's avatar, nickname, username, and other elements should be reasonably laid out (such as by setting the margin, constraints, and other attributes). The relevant text elements (such as the text displayed when not logged in, font size, etc.) should also be set. For the layout that contains multiple elements (such as the line-layout), set the background, direction, margin, and other attributes.
While waiting for the TV series, you can also click on the link below to read the classic original work of "Dafeng Nightwatchman"!