The commercially available "Anime House" based on CrossApp is officially open source

The commercially available "Anime House" based on CrossApp is officially open source

The commercially available "Anime House" mobile client (comic app) has been officially open sourced, including server backend source code + client source code. The entire application is developed based on the current mainstream cross-platform mobile app development engine CrossApp! The code has a built-in experience APK to provide a download experience, and it is currently perfectly adapted to various devices.

Note: Anime House is the largest online anime website in China. All comic resources are free to read and download. The current version is unofficial! Therefore, the git of this project needs to be continuously improved. If developers find any problems, they can always send us pull requests.

Function introduction:

Here we take the Android platform experience as an example. Open the Anime House client and enter the application. The homepage shows us the default recommendation page.

We can see that the function bar at the bottom is divided into 5 sections, namely, Classification, Recommendation, Subscription, Download and More. The page refresh method uses pull-up and pull-down methods. For pages that need to be refreshed, the pull-down operation usually refreshes the entire page, and the pull-up operation usually loads new resources. Next, we will explain these 5 sections in detail.

(I) Classification:

The classification section includes the classification and index of all comic resources. You can also view specific ranking information, log in and register, and slide out the classification page by swiping with gestures.

In the classification, you can obtain corresponding comic resources according to different classification conditions, including indexing comics by comic serialization status, popular groups, region, subject matter and first letter.

You can also perform operations such as logging in in this section. Click the login avatar above to enter the login interface. Currently, two third-party login methods are supported, QQ and Sina Weibo.

(II) Recommendation:

The recommendation section is the default homepage when the app is opened, and it provides us with a variety of recommendations. In the top function bar of the recommendation page, we can get recommended comics in different sections, including the latest, serialized, completed and original comics from Anime House, and supports gesture sliding.

(III) Subscription:

The subscription section is used to record the user's comic subscription information and browsing history, and can also perform operations such as login.

In the subscription section, the icon on the left side of the top navigation bar is the login button, and the icon on the right side is the search button. Search functions are also provided in recommended subscriptions and downloads.

(IV) Download:

The download section is used to record the download information of comics and supports downloading breakpoints and resuming. If some comics have been downloaded in the download section, we can click on a comic currently being downloaded to enter the comic download page and continue the download operation. Of course, in the downloaded page, we can also browse the comics by clicking the watch button on the right side of the download page.

We can select a comic on the homepage and click the download button in the upper right corner to enter the download page. On the download page, you can select to download all, or manually select to download. At the same time, you can sort the comic episodes in ascending and descending order.

After clicking to start downloading, you can enter the specific download operation interface, where the downloading task is displayed.

Click Edit in the upper right corner to manage the downloading tasks.

Click Downloaded to see the comic series you have downloaded.

You can also edit the downloaded episodes by clicking Edit in the upper right corner.

(IV) More:

More sections include settings, version updates, feedback, cache clearing, and about information.

You can make relevant settings in the settings interface, and you can click the device's back button to exit the application.

Reading Experience

When we select a comic, we can see the specific information of the comic, add the comic to our favorites, and then see the favorited comics in our subscription.

We can click on the author's name, and the app will automatically search for the author's related comics. The comic page also includes all episodes of the current comic, viewing comments and related recommendations.

In the comic series, we select an episode to enter the actual reading experience, and we can browse by swiping the screen left and right.

Click the center of the screen to pop up the reading settings, including screen brightness, favorites, setting the horizontal or vertical screen, operation habits, and dragging the slider to quickly turn pages. At the same time, click the operation reminder in the upper right corner to see the corresponding operations of different areas when I click on the screen.

You can see that reading is divided into three click areas

In the reading settings, you can set your reading habits, whether to read with the left hand or the right hand. The default is left-handed reading, and you can switch by clicking.

We click on the horizontal screen to browse the comics in horizontal mode. We can see that the horizontal screen does not distinguish between left and right hand operation habits.

When the screen is in landscape mode, click on the operation reminder and you can see the difference between the operation area at this time and the normal portrait mode.

Development environment configuration requirements:

XCode 5.0 and above

Mac OS X 10.8 and later

Engine version: CrossApp v0.3.10

illustrate:

The source code is compiled and debugged under Mac, and has not been configured under VS. There may be errors when compiling in the VS environment, so no win32 project is provided. Friends who participate can handle a win32 project by themselves. If the debugging is OK, I hope you can pull Requests to the git of this project in oschina. I look forward to your feedback to the community.

Note: To run the client code of the preview version of Anime House, you need to build a server yourself first. Here is the server setup document and the server source code download address: http://www.9miao.com/news/6/64953

In order to facilitate the testing experience, an Apk is also included in the source code. You can run this Apk without setting up a server.

The preview version of the source code has integrated many commonly used SDKs. For now, we will use the SDK of Umeng. After the server is built, you can directly unzip the source code to the projects directory of the engine, and run the corresponding Mac or iOS project.

Git@OSC: http://git.oschina.net/9miao/CartoonHouse

<<:  Foreigners' View on China's Mobile App UI Design Trends

>>:  The Android version of Mailbox is in a big PK. Mailbox Master beats the Android built-in Mailbox in seconds

Recommend

User growth analysis: How to segment users?

Introduction: In the growth analysis of a product...

YouTube Marketing Strategy Guide!

Promoting your products in the form of video cont...

Private domain traffic activity promotion process

This is a project I worked on in my previous comp...

The collection of 19 major cases you wanted is here! Awesome, my party!

On October 18, the 19th National Congress of the ...

Count down 8 types of operation tools you must learn

As the saying goes, if you want to do your work w...

Pinduoduo Operation: How to attract new customers through cash?

This article is an analysis of Pinduoduo 's c...

Who to learn "Da Mi Kuai Xue Reading"

Resource introduction of "Dami Quick Reading&...

How to operate Douyin well? 6 strategies and 7 key points

I missed Weibo in 2011, missed WeChat public acco...

7 minefields of big data marketing, how many have you stepped on?

Nowadays, when talking about marketing, if you do...

5 tips for event management!

Event operation is a type of operation. The autho...

Regarding Android adaptation, it is enough to read this article

This article mainly introduces the relevant conte...

A complete guide to event operations! A must-see for operators!

Event operation is a job that most operations per...