Second cart axure night conversation: Axure mobile phone prototype video tutorial slide menu (drawer navigation)Case description: Side-slip menu (drawer navigation)Knowledge Points:
Dynamic Panel Movement
:Online preview of the site: Http://www.iniuche.com/phonelesson/drawer/start.html#p=home (Firefox prototype file)Axshare Online Effect preview:Prototype
Nonsense not much to say, directly on:In fact, the official Google has given an example of the use of drawerlayout, just in the country can not access Google's official website, not see the detailed documentation, so in this simple record slide Drawer menu instructions for use1. Since drawerlayout requires support for ANDROID.SUPPORT.V4 packages, do not include this package under your libs.2. First the layout file is as followsNote: 1. The listview in
Source DownloadSide Pull Drawer effect Demoyou need to import a third-party class library as follows: Drawer effect required third-party class library downloadeffect: The drawer effect can be achieved on both sides or only in the left column or the right side of the drawer.about the drawer effect is mainly appdelegate
Said drawer effect in iOS the more famous third-party class library is pprevealsideviewcontroller. When it comes to third-party libraries, it is natural to think of our cocoapods, today's blog with Cocoapods introduced Pprevealsideviewcontroller, and then in our project to code combined with storyboard to make drawer effect.I. Introduce third-party plug-in Pprevealsideviewcontroller in the project with Coco
An slidingdrawer class is also called a "drawer" class. It is easy to use, including handle, and content. Handle. When you click it, content is either drawn from the drawer or closed from the drawer. This is the result of pulling the drawer up and down. Set the slidingdrawer attribute to Android: Orientation = "vertica
1. Introduction
Anyone who has used the Netease news client will find that when Netease news slides to the left, the navigation bar on the left will be dragged out, and the news content list will be pulled to the rightmost. It's like pulling a drawer out. Cool. In addition to Netease news, many applications now adopt such interactions.
If you are not familiar with Gesture Recognition, refer to the previous article: detailed use of iOS Gesture Recognit
Android 5.X Toolbar + DrawerLayout implement drawer menu
Preface
? A Toolbar added by android5.X, which is more flexible and controllable than ActionBar. Due to the poor flexibility of the previous ActionBar, google gradually uses Toolbar to replace ActionBar, so the Toolbar can also be called a super ActionBar.
This article does not detail the use (customization) of the ToolBar. It mainly introduces an example of the use of the Toolbar, that is, the
Navigationview is very important in MD design, before Google also proposed using Drawerlayout to implement the navigation drawer. This time, in the Android Design Support Library, Google provided the Navigationview to implement the navigation menu interface.This time we wrote the code in Android with Tablayout to achieve similar netease tab dynamic sliding effect this article code based on the revision, so it is better to first look at the above artic
Problem: The project is used to drawer controller Mmdrawercontroller, and the middle view is set to Tabbarcontroller. Now a tabbarcontroller on a sub-controller adds a Tablecontroller,cell to add the slide-slip removal, not the spirit.Reason: Drawer Mmdrawercontroller side-slip gestures conflict with cell delete slide-slip gestures.Solution:The drawer controller
First of all we ignore the 3D effect, the first thing to do is a right pull drawer effect.
General ideas:
1. Create a Containerviewcontroller container controller, then the left side of the selection menu Sidemenuviewcontroller, and the right side is responsible for displaying the content of the Mainviewcontroller Added to the Containerviewcontroller.
2. Add a gesture monitor to the container controller Containerviewcontroller to complete the
The Drawerlayout component is also a component in the V4 package and is directly inherited from the ViewGroup class, so this class is also a container class. The use of drawerlayout can easily achieve the drawer effect, the use of drawerlayout steps have the following points:
1 in Drawerlayout, the first child view must be a view of the display content, and setting its Layout_width and Layout_height properties is match_parent.
2 The second view is t
Ready to use Swift to make a project, use this style. Sleep well at night. Dark Circles (--)See details please visit my Githubhttps://github.com/zhangjingwang1993/swiftappYou can also order a star and give an encouragement.SWIFT/OC Advanced AC Group: 498143780// AppDelegate.swiftvar drawer = MMDrawerController()Let Leftviewcontroller = Leftviewcontroller () Let Rightviewcontroller = Rightviewcontroller () let Centerview Controller = Viewcontroller ()
1.MMDrawerController is a simple and practical side bar third-party class library.2. In the Appdelegate page, initialize the left right sidebar you need, Leftviewcontroller, Mainviewcontroller.3. Import the header file #import "MMDrawerController.h" in Appdelegate4. Initialize the drawer controller:Mmdrawercontroller * Drawercontroller = [[Mmdrawercontroller alloc] Initwithcenterviewcontroller: Mainviewcontrollerleftdrawerviewcontroller:leftviewcontro
From: http://blog.csdn.net/android_tutor/article/details/5486804
Recent studiesLanucher, Read the source code, and foundSlidingdrawerThis class is also called the "drawer" class. It is easy to use, includingHandle, AndContent.
HandleWhen you click it,ContentEither drawer or close drawer. The specific steps are as follows.
1. CreateAndroidProject, namedSlidingd
that the same number of loops is repeated, but the original array is modified, and the requirements are not met.The dichotomy of complexityTime O (nlogn) space O (1)IdeasIn fact, we can simplify the violence law just according to the drawer principle. We do not have to select the number in turn, and then see if there is a repetition of this number, we can use the dichotomy method to select N/2, according to the d
The Drawerlayout component is also a component in the V4 package and is directly inherited from the ViewGroup class, so this class is also a container class.
The placement and layout of the drawer menu is controlled by the Android:layout_gravity property, with the optional value left, right, or start, end. By using XML to lay out the words, need to take drawerlayout as the parent container, the group interface layout as its first child node, the
Sometimes we want to display another layout on one page, but we do not need to occupy too much layout space. In this case, we can consider using drawer layout. This term can be used to make full use of our imagination, I believe that you will be able to understand this method through the introduction below.
Now, let's go directly to a simple small project.
1. First, create a main activity.
Package COM. jindegege. activity; import COM. jindegege. servi
Today, the drawer effect is achieved on the mobile phone. It is actually very simple, but the effect is very cool.
First, set the XML layout file under layout.
Slidingdrawer is an important drawer control, handle is the drag button of the drawer, and content is the content in the drawer.
Then create the chouti
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
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.