telegram-crawler/data/web/telegram.org/blog/android-2-0.html
2024-06-30 14:26:52 +00:00

258 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Telegram 2.0 for Android: Material Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Telegram 2.0 for Android: Material Design">
<meta property="og:image" content="https://telegram.org/file/811140032/1/MMRJOzbKWQ8/33f76a48a3538d1244">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="#Telegram 2.0 for Android is out: material design, message search and more privacy settings">
<meta property="article:published_time" content="2014-11-19T18:16:37+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140032/1/MMRJOzbKWQ8/33f76a48a3538d1244" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/android-2-0" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?239" rel="stylesheet" media="screen">
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/mini-app-bar-paid-media-and-more" class="side_blog_entry">
<div class="side_blog_date">Jun 30</div>
<div class="side_blog_title">Mini App Bar, Paid Media, Story Search &amp; More</div>
</a><a href="/blog/telegram-stars" class="side_blog_entry">
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a><a href="/blog/message-effects-and-more" class="side_blog_entry">
<div class="side_blog_date">May 31</div>
<div class="side_blog_title">Message Effects, Hashtag Search, and More</div>
</a><a href="/blog/my-profile-and-15-more" class="side_blog_entry">
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a><a href="/blog/sticker-maker" class="side_blog_entry">
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</div>
</a><a href="/blog/telegram-business" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Introducing Telegram Business</div>
</a><a href="/blog/monetization-for-channels" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Sharing Revenue with Channel Owners</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Telegram 2.0 for Android: Material Design</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140032/1/MMRJOzbKWQ8/33f76a48a3538d1244" class="blog_side_image"/>
</div>
<p><a href="/dl/android">Telegram for Android</a> received a massive update today, featuring a full redesign along Android 5.0 <strong>material</strong> guidelines and adding long awaited features such as instant full-text cloud search, new flexible privacy settings for last-seen timestamps and account self-destruction.</p>
<h4><a class="anchor" name="material-design" href="#material-design"><i class="anchor-icon"></i></a>Material Design</h4>
<p>Every screen was updated to make Telegram consistent with Android 5.0 design standards and animations. We&#39;ve also added support for the new standards on Android 4.x and even on older 2.x devices. </p>
<center><div>
<a href="/file/811140117/1/U8DtuwqizBc/f31a8bb95bdf993cea" target="_blank"><img src="/file/811140117/1/U8DtuwqizBc/f31a8bb95bdf993cea" title="Telegram chats" style="width: 195px; padding: 10px 5px" /></a>
<a href="/file/811140309/2/5_Qep6f3_L0/c4ee12e1dfba593223" target="_blank"><img src="/file/811140309/2/5_Qep6f3_L0/c4ee12e1dfba593223" title="Photo picker" style="width: 195px; padding: 10px 5px" /></a>
<a href="/file/811140991/1/NdgNmg0Adbs/80921747d279d0d5c5" target="_blank"><img src="/file/811140991/1/NdgNmg0Adbs/80921747d279d0d5c5" title="Settings" style="width: 195px; padding: 10px 5px" /></a>
<br>
</div></center>
<h4><a class="anchor" name="demo" href="#demo"><i class="anchor-icon"></i></a>Demo</h4>
<p>Heres what Telegrams new material design looks like in motion on a Google Nexus phone, just to give you a taste of the animations:</p>
<div class="smarphone_device_nexus">
<div class="top-bar"></div>
<div class="sleep"></div>
<div class="volume"></div>
<div class="camera"></div>
<div class="screen">
<video class="smartphone_video_player" onclick="videoTogglePlay(this)" autoplay loop controls>
<!--source src="/resources/video/Material.webm" type="video/webm"-->
<source src="/resources/video/Material.mp4" type="video/mp4">
</video>
</div>
</div>
<h4><a class="anchor" name="instant-full-text-search" href="#instant-full-text-search"><i class="anchor-icon"></i></a>Instant Full-Text Search</h4>
<p>You can now find any message you sent or received in Telegram by using the universal search. Tapping a message in search results sends you to its place in your message history. This way you can find stuff even if you only vaguely remember the context.</p>
<div><center>
<a href="/file/811140235/1/kjcuZeDfRQk/a898fedd8d838bdf16" target="_blank"><img src="/file/811140235/1/kjcuZeDfRQk/a898fedd8d838bdf16" title="Search for messages" style="padding: 10px; width: 200px" /></a>
<a href="/file/811140505/1/8oTsLroC9m8/d97d3f5d732b9e852f" target="_blank"><img src="/file/811140505/1/8oTsLroC9m8/d97d3f5d732b9e852f" title="Go to message" style="padding: 10px; width: 200px" /></a></center>
</div>
<p>The search is <strong>much</strong> faster than what you have in GMail and other apps. Our technology guarantees that even if your inbox grows to several hundred thousands of messages, instant search will stay just as fast.</p>
<h4><a class="anchor" name="hiding-last-seen-time" href="#hiding-last-seen-time"><i class="anchor-icon"></i></a>Hiding Last Seen Time</h4>
<p>We take privacy very seriously, so we invested a lot of time and effort to make this feature right. As a result, the <strong>Who can see your Last Seen time</strong> control allows unprecedented precision and flexibility.</p>
<div><center>
<a href="/file/811140623/2/3XOHI5Yo-NM/37dbdf5106e8bfd7c9" target="_blank"><img src="/file/811140623/2/3XOHI5Yo-NM/37dbdf5106e8bfd7c9" title="New Privacy and Security Settings" style="padding: 10px; width: 200px" /></a>
<a href="/file/811140360/1/bZ1aAOKyVUs/0332446bfad2371a58" target="_blank"><img src="/file/811140360/1/bZ1aAOKyVUs/0332446bfad2371a58" title="Last Seen Settings" style="padding: 10px; width: 200px" /></a>
<br><br>
</center></div>
<p>In fact, it&#39;s so good that we wrote a whole separate blog post about it. Read more here:<br><a href="/blog/privacy-revolution"><strong>Privacy Revolution — Last Seen Done Right »</strong></a></p>
<h4><a class="anchor" name="account-self-destruction" href="#account-self-destruction"><i class="anchor-icon"></i></a>Account Self-Destruction</h4>
<p>Big companies like to accumulate data about their users and keep it for an indefinite time. Telegram is not a commercial organization and we value our disk space greatly. Last year we introduced self-destructing messages, today we are adding self-destructing accounts.</p>
<p>From now on, if you stop using Telegram and do not login for at least 6 months, your account will be deleted along with all messages, media, contacts and every other piece of data you store in the Telegram cloud. You can change the exact period after which your inactive account will self-destruct with options ranging from 1 month to 1 year.</p>
<h4><a class="anchor" name="but-i-39m-on-ios" href="#but-i-39m-on-ios"><i class="anchor-icon"></i></a>..but I&#39;m on iOS</h4>
<p>Most of these new features are also avaible to iOS fans among Telegram users — except for material design of course. In order to maintain the balance, we&#39;re also adding a few nifty features to our iOS app today. Read all about them here:<br><a href="/blog/gifs"><strong>The new Telegram for iOS — GIF search and more »</strong></a></p>
<div><br></div>
<p><em>The Telegram Team,<br>November 19, 2014</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fandroid-2-0&text=%23Telegram%202.0%20for%20Android%20is%20out%3A%20material%20design%2C%20message%20search%20and%20more%20privacy%20settings" class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="#Telegram 2.0 for Android is out: material design, message search and more privacy settings" data-url="https://telegram.org/blog/android-2-0"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="#Telegram 2.0 for Android is out: material design, message search and more privacy settings" data-url="https://telegram.org/blog/android-2-0" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/mini-app-bar-paid-media-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Mini App Bar, Paid Media, Story Search &amp; More</h4>
<div class="dev_blog_card_lead">Our June update adds a way to minimize mini apps into a compact bar, helps content creators monetize their channels with paid photos and…</div>
</div>
<div class="dev_blog_card_date">Jun 30, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-stars"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Stars: Pay for Digital Goods and More</h4>
<div class="dev_blog_card_lead">Over 400 million users interact with bots and mini apps on Telegram every month to buy products, access services, play games, and much…</div>
</div>
<div class="dev_blog_card_date">Jun 6, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/message-effects-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400575/2/8KHh7_LfT2A.255792/813a31e04522b5856a" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Message Effects, Hashtag Search, and More</h4>
<div class="dev_blog_card_lead">With this update, you can add spectacular animated effects to messages you send, move captions above media, find public posts using global…</div>
</div>
<div class="dev_blog_card_date">May 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/my-profile-and-15-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400283/2/u3yTafRoh-g.259708/f2ec7d02b0bf09876e" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">My Profile, Recommended Channels and 15 More Features</h4>
<div class="dev_blog_card_lead">This month we&#39;ve added more than 15 new features, including recommended channels, a way to view your own profile and display your channel…</div>
</div>
<div class="dev_blog_card_date">Apr 25, 2024</div>
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="/press">Press</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script>twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>