New Netease news client application source code, Netease news client source code

Source: Internet
Author: User

New Netease news client application source code, Netease news client source code

Download source code:

Http://code.662p.com/view/11510.html
Demo diagram:


1. The highlight of this update is that after the weather effect is added, Netease news can also be used to watch the weather forecast, and the effects of various slight animations have not been missed.



2. In the new Netease news version, the home page UI is rectified and tabbar is added at the bottom. As a result, many pages are edited here, but they cannot interact. After all, there are too many things. I think it is better to click and see the effect, even if it cannot be further penetrated ..



3. tabbar is added at the bottom of the homepage, and the two buttons of nav are changed.


4. details page-the details page pays more attention to the handling of details. For example, if the number of comments reported in the past is incorrect and the problem has been fixed, a certain news point may appear before and no comments will be made, the cause is also found and completely fixed.


5. No major changes have been made to the Atlas page. Currently, the comments of the Atlas are still fake data, but they will be improved later.


6. The comments page-the comments page has many changes to details. If you have played this project before, you will find that the comments page has not changed any more details.



Old Version Review
Excellent Netease news. In my spare time, I made some work on Netease UI, cutting Netease image materials and capturing Netease interfaces. It completes the main navigation page, news details page, picture browsing page, and comment page. The results are good, better than all the Code related to the Netease news UI architecture circulating on the Internet.
1. the main function of the main navigation page is that the title bar on the top can be slide. The cycle profits of scrowView and collectionView (previous versions) are used. When you click the title bar or move by gesture, the following pages will slide to the current page. In addition, the News Module is lazy to load. You can only load the pages you want to watch. This is achieved through the proxy method that controls the stop of two gestures in scrowView. The following news module provides four types of custom cells. It parses the data to determine which custom cell to load. The results enrich the homepage.


2. on the news details page, Netease's original interface returned data on the previous page contains both a url address and an xml string. The url address is not beautiful after it is displayed, therefore, the method is to parse the strings in xml format and display them in webView, which achieves text mixing and css style setting. The main highlight of this page is the passing of values between JS Code and OC code. After you click an image in webview, the saved style is displayed below. This is achieved by controlling a page redirect method to intercept requests.


3. The comment page is relatively simple, that is, a common custom cell. It is okay to control the custom line height. The label introduced by the user can be filtered using regular expressions. However, the main focus of writing this item is not detailed here in core functions.


4. the Image Viewer page basically achieves the imitation effect. The following text and 9/16 styles are dynamically calculated by the scrowView offset, and the homepage is also a lazy way to load images, A Netease placeholder image is displayed when the image is not displayed during image download.



    This project also uses pull-up and pull-down refresh and some technical knowledge about parent-child controller nesting and custom navigation bar, which is also helpful for normal development.
Update the welcome star from time to time.

Test environment: Xcode 6.2, iOS 6.0 or above

Http://ios.662p.com/thread-2550-1-1.html

Related Article

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.