Creating a navigation drawer is a panel located at the left edge of the screen to display application navigation items. The navigation drawer is not displayed most of the time, but is displayed in either of the following two cases: one is the gesture of sliding from the left edge of the screen to the right, and the other is the application icon in the toolbar. Navigation
Editor's note: This writer, Anthony Rose, co-founder and CTO of social networking Radio Zeebox, analyzes the pros and cons of sidebar Navigation and tab navigation, as well as the detailed process of a/b test for the revision process, and finally gives advice, After reading can have a clear understanding of these two kinds of navigation, very valuable experience to share:
================ Text Split Line ================
Imagine that you need to design a page with a lot of pages and modules, n
The first response to drawer controls is that the system provides the following:
In fact, the principle of the control is simply described as follows:
* Viewgroup such as linearlayout is used to place various views.
* The button is used to expand or collapse viewgroup.
Therefore, the general layout of the control should be as follows:
JavaCode
To reduce the development difficulty, I plan
Imagine you need to design an application that contains many pages and modules and cannot display completely in one screen. You will first think of designing a tab navigation at the bottom or top. Wait a moment. What kind of Navigation seems a little inconspicuous? We try to get them to the sidebar, or ask the android team to name it "side drawer navigation ".
If your applications are also multi-view, the f
If you are a product design manager or a product designer. Now you need to design an application that contains many pages and modules and cannot display completely in one screen. You will first think of designing a tab navigation at the bottom or top. However, the extra navigation lines seem a little inconspicuous. What if I try to get them in the sidebar, such as "side drawer navigation? Today, let's take a closer look at this product design course.
First section:Precautions* The main view must be the first child of the drawerlayout.* Main view width and height match parent views, because when you display the master, you want to fill the entire screen, the user experience is higher* The Android:layout_gravity property of the specified drawer view must be displayedFirst:android:layout_gravity= "Start", left-to-right slide-out menuSecond:android:layout_gravity= "End", right--left slide menuLeft,rig
In iOS development, the display class application usually uses the drawer effect, because the project needs, I found a demo, reduced some infrequently used functions, organized a shorter instance.First you need to add a third-party class library to your projectMmdrawercontroller:The example here is only added to the left slide drawer. The right and left slides are just the same as adding a right view contro
In iOS development, the display class application usually uses the drawer effect, because the project needs, I found a demo, reduced some infrequently used functions, organized a shorter instance.First you need to add a third-party class library to your projectMmdrawercontroller:The example here is only added to the left slide drawer. The right and left slides are just the same as adding a right view contro
Implementation of super simple drawer effect (MMDrawerController) in iOS
In ios development, display applications usually use drawer effects. As a result of project requirements, I found a demo to reduce some of the less commonly used functions and sort out a shorter instance.First, add a third-party class library to the project.MMDrawerController:
The examples mentioned here only include the left slide
Mmdrawercontroller is a very useful third-party class for solving drawer effects, but sometimes when we need to use gestures to do other things in the central view controller, there is a gesture conflict, which results in a running effect that doesn't fit our imagination. So the question is, how do we solve the problem of conflict?Here is my personal summary of the use process:My needs:1, there is a left drawer
Third-party drawer effect1. The basic principle of the drawer effect applies the parent-child view hierarchy, the view's position change, the animation, the gesture operation and so on main knowledge points. This effect can be achieved by mastering the basics and using it flexibly.> Parent-Child View hierarchy: Insert a child view at a specified level [view Insertsubview:atindex:]> Change of view Position:
First, the drawer algorithmDrawer algorithm, aka pigeon nest principle, it is the German mathematician Dirichlet first explicitly put forward to prove some problems in number theory, therefore, also known as the Dirichlet principle. It is an important principle in combinatorial mathematics.The specific algorithm is about:First drawer algorithm: If n+1 objects are placed into N boxes, then at least one box c
After reading the effects of several drawers, I thought that most of them were complicated and encapsulated by myself. this is mainly for your own project services. It is encapsulated in the style of the Netease client and does not provide an interface to change the intermediate View frame. If you are interested, you can try to add a frame interface. (encapsulated when ARC is enabled)
Core functions: Click cell in the left drawer to close the
Using Pkrevealcontroller can be similar to QQ and other software, such as the left and right drawer view, dragged out of the view is divided into Leftview and Rightview, respectively, from the left half of the view and the second part, so according to different needs, You can choose to use a view as Leftview and Rightview, or you can specify two view.The basic use steps of this framework are described below.① download source from GitHub: Pkrevealcontr
Using drawer effects in Swift projects based on MMDrawerController
// AppDelegate.swiftvar drawer = MMDrawerController()
Let leftViewController = LeftViewController () let rightViewController = RightViewController () let centerViewController = ViewController () let centerNav = UINavigationController. init (rootViewController: centerViewController) // set the Left and Right controllers to
Panel very nice one drawer controlA very good drawer control Panel, it can control the size of the drawer, pop-up size, the location of the drawer and many other properties, can be very good flexibility to apply to your project. When using the method Setopen (really, really), the Panel does not show the animation, the
The method should be placed in the Appdelegate-(void) Tomain{Initializing the Central view VC[Self tabbarcontrollerinit];Initialize left column Drawer view VCAlranklistviewcontroller *leftviewcontroller = [[Alranklistviewcontroller alloc] Initwithnibname:nil Bundle:nil];Set Drawer View VCSelf.mmdrawcontroller = [[Mmdrawercontroller alloc] Initwithcenterviewcontroller:_tabbarviewcontroller Leftdrawerviewcont
There are plenty of articles and discussions about drawer navigation (three-icon/hamburger menu). This article is not intended to join these discussions, just want to find a better alternative, after all, the flaws in the drawer navigation has become a verdict >>>
Inefficiency: interaction is troublesome.
Poor navigation: I don't know where I am.
Crammed with all sorts of messy functions.
Let's take a l
1. IntroductionThe students who used NetEase news client will find that when NetEase news slides to the left, the left navigation bar will then be dragged out, and the news content list will be pulled to the far right. Like a drawer pulled out the same. Cool. In addition to NetEase news, many applications are now using this kind of interaction.For unfamiliar gesture recognition please refer to the previous article: detailed use of iOS gesture recognit
The drawer principle can be said to be the most simple and easy to understand in combinatorial mathematics of a principle, its simplest and most primitive form of expression: for n book in n-1 drawer, ensure that every drawer must have a book, there must be a drawer of 2 books. However, this simple principle in many pr
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.