Android 如何制作美丽时尚的应用程序，例如 Timely

How to make Beautiful & Stylish apps like Timely

提问by Nima Sakhtemani

A Quote from Google in terms of Designing, and some example of apps:

谷歌在设计方面的引用，以及一些应用程序示例：

Based on what Googlesaid in http://developer.android.com/within design section, a developer should consider three goals:

根据谷歌在http://developer.android.com/设计部分中所说的，开发人员应该考虑三个目标：

• Enchant me
• Simplify my life
• Make me amazing

• 为我着迷
• 简化我的生活
• 让我惊艳

Which BTW we (Developers) are aware of.

顺便说一句，我们（开发人员）知道哪些。

By looking at many successful apps on play store, you can see that they are designed by following Google design guidelines and are pretty much using the samecomponentsand themingand stylesthat google used in their own apps.

通过查看 Play 商店中许多成功的应用程序，您可以看到它们是按照 Google 设计指南设计的，并且几乎使用了与谷歌在他们自己的应用程序中使用的相同的组件、主题和样式。

Many people do enjoy these kind of designs and also these android standards in terms of themes and components, but when you look at some apps in Playstoreor some hardware manufacturer's apps like samsungwhom have built their special apps (like galaxy note 10.1 note taking app) or asus weather appor in playstorethe Timelyapp which is awesome in terms of functionality and of-course design, you could see they are using different kind of design and components.

许多人确实喜欢这种设计以及主题和组件方面的这些 android 标准，但是当您查看Playstore中的某些应用程序或某些硬件制造商的应用程序时，例如三星已经构建了他们的特殊应用程序（例如GalaxyNote 10.1笔记应用程序）) 或asus 天气应用程序或Playstore 中的Timely应用程序，它在功能和当然设计方面都很棒，您可以看到他们使用不同类型的设计和组件。

---

---

Now let's get deeper in what Google says:

现在让我们更深入地了解 Google所说的内容：

A typical Android app uses action bars, and many apps will include a navigation drawer.

典型的 Android 应用程序使用操作栏，许多应用程序将包含导航抽屉。

Like these:

像这些：

The Actionbar:

操作栏：

The Navigation Drawer:

导航抽屉：

And other standard components on android.

以及 android 上的其他标准组件。

But How can some developers make apps so beautiful and functionally perfect (almost! ) like Timely app and not using many of the android typical components defined by google.

但是，一些开发人员如何能够像 Timely 应用程序一样使应用程序如此美观且功能完美（几乎！），而不使用谷歌定义的许多 android 典型组件。

---

---

Lets take a look at Timelyapp:

让我们来看看Timely应用程序：

This is the screen where user can see the alarms where he/she could set one or just watch the clock:

这是用户可以查看闹钟的屏幕，他/她可以在其中设置闹钟或只看时钟：

Now the questions that come in my mind are:

现在我想到的问题是：

• How can I theme my app like that?
• How can I make background animations like that and use it in my apps?
• Did their developers use unity and eclipse together to make it function as an android app?
• If they did use unity then how come the app runs very smooth?
• In its actionbar ,how did they colorized it and defined opacity for the object?
• What kind of animation class can do what they did in the app? (like the clock time changing animation)
• If they used unity then how come their app's size is 10MB?

• 我怎样才能像这样主题我的应用程序？
• 如何制作这样的背景动画并在我的应用程序中使用它？
• 他们的开发人员是否同时使用了 unity 和 eclipse 以使其作为 Android 应用程序运行？
• 如果他们确实使用了 unity，那么为什么应用程序运行得非常流畅？
• 在它的操作栏中，他们是如何为它着色并定义对象的不透明度的？
• 什么样的动画类可以做他们在应用程序中所做的事情？（如时钟时间变化动画）
• 如果他们使用 unity 那么他们的应用程序的大小怎么会是 10MB？

There are many other apps like this (no 100% that much alike) which have their own special design.

还有许多其他类似的应用程序（不是 100% 一样），它们有自己的特殊设计。

As far as I understand, there aren't much website that offer custom components for android like http://androidviews.net/so it seems we are forced to make our own components which is time consuming and in this time (2013) isn't perfect whereas for ios there are tons of custom components made by other companies.

据我了解，没有多少网站像http://androidviews.net/那样为 android 提供自定义组件，所以似乎我们被迫制作自己的组件，这很耗时，而在这个时候（2013 年）并不完美，而对于 ios，有大量其他公司制造的定制组件。

I also looked at the Timely app website, and within their FAQsection there is a place where they said they will reveal what and how they did the theming, coloring and components but since there is not time schedule table for their announcement and I don't like to stay in dark area, I came here to ask you experts.

我还查看了 Timely 应用程序网站，在他们的常见问题解答部分有一个地方，他们说他们将透露他们做了什么以及如何做主题、着色和组件，但由于没有他们发布的时间表，我没有不喜欢呆在黑暗的地方，我是来请教各位高手的。

This is the quotefrom their website:

这是报价从他们的网站：

I'm a developer and just can't figure out how you did those animations and color effects.

We are planning to have an engineering blog in the future. Stay tuned!

我是一名开发人员，只是无法弄清楚您是如何制作这些动画和色彩效果的。

我们计划在未来有一个工程博客。敬请关注！

If you guys know how to make apps like these or if you know a portion of what kind of animations, components, tricks and hacks they used then you just made my day.

如果你们知道如何制作这样的应用程序，或者如果你知道他们使用的动画、组件、技巧和技巧的一部分，那么你就让我开心了。

采纳答案by jankovd

They did a presentation in which they explain how they calculate the view colors, the problems they had with that and a few other useful tips. The video for the presentation is available on their YouTube channel

他们做了一个演示，解释了他们如何计算视图颜色、他们遇到的问题以及其他一些有用的技巧。演示视频可在他们的 YouTube 频道上找到

The number morphing is fairly simple and explained in this articleand you can find the complete View class from the article here.

数字变形相当简单，并在本文中进行了解释，您可以从此处的文章中找到完整的 View 类。

From android developer site check Helping you build beautiful, powerful, successful appsit is just cool.

从 android 开发者网站检查帮助您构建漂亮、强大、成功的应用程序，这很酷。

Android Design, an online style guide which lays out the principles, building blocks, and patterns for excellence in Android user interfaces. It seems to be working;

Android 设计，一个在线风格指南，它列出了卓越的 Android 用户界面的原则、构建块和模式。它似乎有效；

I hope this answers at least one of your questions.

我希望这至少能回答您的一个问题。