Layout Editor (Ep 3, Android Studio) Google Developers English Turkish

Layout Editor (Ep 3, Android Studio)YouTube↗ IA↗(long shot)
Science & Technology 53.6K views 293 likes 9 dislikes 25 Mar 2015

Google for Developers 2.7M subscribers United States YouTube↗

Click to Play Video

Kod yazmayı seviyorum.

I love writing code. But if you're anything like me, then

Eğer benim gibiyseniz,

creating even the most sophisticated logic

uygulamalarınız için en sofistike mantığı yaratmak,

for your apps seems easier than crafting a great user

iyi bir kullanıcı arayüzü yapmaktan bile daha kolay

Designs evolve over time, and testing

Tasarımlar zamanla evrilir ve yerleşimlerinizdeki

every single change in your layouts on devices

her bir değişikliği test etmek

can be tedious.

bıktırıcı olabilir.

Enter the Layout Editor, a tool built into Android Studio

Yerleşim Editörü'ne girin, kullanılan cihazda ya emülatörde

that lets you edit and preview your layouts in real time,

APK'nin yeniden derlenmesine ya da konuşlandırılmasına

without the need to recompile and deploy

gerek kalmadan, yerleşimlerinizi gerçek zamanlı olarak düzenlemeye ve

the APK on to an actual device or emulator.

ön izleme yapmaya izin veren bir Android Studio aracıdır.

The Layout Editor automatically kicks in whenever

Bir XML yerleşim dosyası açtığınızda,

you open an XML layout file.

Yerleşim Editörü otomatik olarak başlatılır.

The Design view lets you easily add and manipulate components

Tasarım görünümü, bileşenleri paletten alıp görüntüye götürerek,

by dragging them from the palette onto the stage.

eklemenize ve bileşenlerle oynamanıza imkân verir.

Visual cues help you position views relative to each other,

Görsel ipuçları, ebeveyn düğüm sınıfını ve gerekli yerleşim

taking into account the parent node's class

parametrelerini hesaba katarak, görünümleri

and required layout parameters.

göreli olarak yerleştirmenize yardımcı olur.

You can edit other view properties in the Inspector

Diğer görünüm özelliklerini Denetleyici'de düzenleyebilirsiniz

or change the views place in the hierarchy in the Component Tree

ya da Bileşen Ağacı penceresinde hiyerarşide görünüm yerlerini

değiştirebilirsiniz.

There's a handy trick you can use when you've set up a view

Diyelim ki, bir görünüm kurdunuz ve sonra bu görünümün sınıfını

but then decide that you want to change its class.

değiştirmek istediniz. Bunun kolay bir yolu var.

Just right-click a view and select the desired component

Görünüme sağ tıklayın ve Şekil Değiştirme menüsünden

from the Morphing menu.

istenilen görünümü seçin.

Be aware that there are certain restrictions in place to only

Unutmayın, yalnızca mantıklı olan değişikliklere izin veren

allow changes that make sense.

sınırlamalar söz konusudur.

So you won't be able to morph a linear layout into a text view,

Örneğin, çizgisel yerleşimi bir metin görünümüne

çeviremezsiniz.

Whenever you see that parts of your view hierarchy

Görünüm hiyerarşinizin kısımlarının başka yerleşimlerde

can be reused in other layouts, there's

tekrar kullanılabileceğini gördüğünüzde,

also a refactoring called Extract Layout.

Aktarma Yerleşimi adlı bir düzenleme aracını kullanabilirsiniz.

When you enable it, the subtree you selected

Bu aracı açtığınızda, seçtiğiniz ağaç altı

will be moved into a separate resource

ayrı bir kaynağa gidecektir ve

and included in your current layout.

verili yerleşiminizi de içerecektir.

When you open the new file for editing,

Düzenlemek için yeni bir dosya açtığınızda,

you can see it's still shown embedded

bunun ön izleme için hâlen orijinal hiyerarşide

in the original hierarchy for previewing.

gömülü olduğunu görebilirsiniz.

That's because Android Studio added a special hint

Bunun nedeni, Android Studio'nun, XML'inize düzenleme için

to your XML when it performed the refactoring.

özel bir ipucu eklemiş olmasıdır.

To see it, let's switch to editing raw XML

Bunu görmek için, Metin sekmesine basarak,

by pressing on the Text tab.

ham XML'yi düzenlemeyi açın.

Notice how instead of the visual editor,

Görsel editör yerine,

there is now a live preview window

kod üzerinde çalışırken, gerçek zamanlı güncelleme

that updates in real time as you work on the code.

yapan bir canlı ön izlenim penceresi göreceksiniz.

If you always prefer to see code instead of the default design

Varsayılan tasarım görünümü yerine her zaman kodu görmek isterseniz,

view, just enable the Prefer XML Editor option here.

XML Editör'ü Seç seçeneğini etkinleştirin.

The hint for the renderer that I mentioned before

Daha önce sözünü ettiğim işleyici ile ilgili ipucu

actually consists of two parts.

iki kısımdan oluşmaktadır.

First, we have the new tools namespace on the root XML node.

Birincisi, kök XML düğümü üzerinde yeni araç ad alanları var.

The other is a set of special annotations

İkincisi, çalışma süresini etkilemeyen ama

that don't affect the runtime but are

Android Studio tarafından işlenen

processed by Android Studio.

özel bilgi notlarıdır.

Here, you can see the Show In property

Özelliklerde, üzerinde çalıştığınızda dosyayı

that renders the file you're working

İçer etiketi alanındaki başka

on in a context of another layout in place of the Include

bir yerleşimde işleyen Göster'i

görebilirsiniz.

It's certainly useful, but there's another type of hint

Bu, kesinlikle çok kullanışlı ama keşke biri bana daha önce söyleseymiş dediğim

that really boosted my productivity

başka bir ipucu tipi daha var ve

that I wish someone had pointed out to me sooner.

üretkenliği gerçekten arttırıyor.

You can actually override most of the view properties

Görünüm özelliklerini, önlerine araç ad alanlarını

just by prefixing them with the tools namespace.

getirerek geçersiz kılabilirsiniz.

Seems simple, but look at how it could work for you.

Basit görünüyor fakat nasıl çalıştığına bakın.

Ever had a layout with blank text views because it needs

Veri sağlaması için uyarlayıcı lazım olduğundan boş metin görünümleri olan

an adapter to supply data, like in a list view, for example?

bir yerleşiminiz oldu mu? Mesela bir liste görünümü gibi?

Add dummy text using the tools namespace,

Araç ad alanlarını kullanarak yapay metin ekleyin ve

and make your layout immediately readable.

yerleşiminizi okunabilir yapın.

What if parts of your layout are set to Gone or Invisible

Ya yerleşiminizin kısımları Kayıp ya da Görünmez olarak

and only shown depending on runtime conditions?

ayarlansaydı ve yalnızca çalışma zamanı şartlarına göre gösterilseydi?

Just override it with tools visibility for design time.

Tasarım zamanı için araç görünürlüğü ile bunu geçersiz kılmanız yeterli olur.

As you can see, the Layout Editor is a fantastic tool,

Gördüğünüz gibi, Yerleşim Editörü harika bir araçtır ve

and it's available in Android Studio.

Android Studio'da kullanılabilir durumdadır.

If you want to learn more or if you have any other layout

Daha fazla bilgi edinmek isterseniz ya da başka

editing tips, share them on Google+ in the Android Studio

yerleşim düzenleme ipuçlarına sahipseniz, bunları Google+ Android Studio

topluluğunda paylaşın.

Be sure to check out the other videos in the Android Studio

Android Studio DevBytes serisindeki diğer videolara baktığınızdan

DevBytes series.

Similar videos:

Introducing Gradle (Ep 2, Android Studio)
Google for Developers
88.5K views 585 likes 19 dislikes 13 Mar 201576% match

Building interfaces with ConstraintLayout in Android Studio
Android Developers
278.9K views 1.5K likes 50 dislikes 20 Dec 201663% match

Introduction to Android Studio
Google for Developers
133.7K views 1K likes 16 dislikes 23 Feb 201550% match

Debugging and testing in Android Studio (Ep 4, Android Studio)
Google for Developers
67.5K views 367 likes 14 dislikes 01 May 201545% match

Getting started with Firebase and Android - Firecasts #1
Google for Developers
113.8K views 1.1K likes 19 dislikes 16 Feb 201634% match

DevBytes: What's new in Android 5.0 Lollipop
Google for Developers
129.1K views 1.5K likes 37 dislikes 17 Oct 201433% match

Build Layout
Udacity
147.7K views 27 likes 0 dislikes 29 May 201532% match

An Introduction to Android Wear
Google for Developers
251.3K views 1.3K likes 86 dislikes 18 Jun 201432% match

Introduction to the Google Cast SDK, Version 3
Google for Developers
105.1K views 282 likes 16 dislikes 27 Jun 201629% match

Plan How to Build the Quantity Picker
Udacity
79.6K views 28 likes 0 dislikes 22 May 201528% match

Simple ImageView
Udacity
150K views 82 likes 1 dislikes 26 May 201527% match

How to Add Subtitles to YouTube Videos [New Method]
vidIQ
1.2M views 12.4K likes -1 dislikes 01 Feb 201927% match

TextView Text Size
Udacity
246.3K views 123 likes 0 dislikes 26 May 201527% match

Como Cambiar El Fondo En facebook | Fondo Facebook Comentando GG ¿Es Verdad? Explicación

1.1K views 49 likes 5 dislikes 21 Dec 202027% match

Giải pháp thiết kế từ 2D đến 3D, lập trình gia công trong Một bộ phần mềm của Autodesk
OneCAD Vietnam
63.1K views 18 likes 1 dislikes 12 Oct 202027% match

#114 Ink Pen Street Sketching (Watercolor Cityscape Tutorial)
Watercolor Online with Michael Solovyev
7.5K views 404 likes 3 dislikes 16 Nov 202026% match

Do XML ao Java
Udacity
6.6K views 43 likes 3 dislikes 06 Jun 201626% match

Cajon Lesson: Knock Roll Technique
Ross McCallum
7.8K views 496 likes 1 dislikes 15 Oct 202026% match

Step 4. How to trade
Binomo Live
3.5K views 43 likes 8 dislikes 19 Aug 202026% match

What is Lark?
Lark
4.5K views 45 likes 0 dislikes 03 Feb 202026% match

Scrolling Along - Solution
Udacity
1.8K views 15 likes 0 dislikes 14 Jul 201526% match

Build_Layout
Udacity
3.3K views 15 likes 0 dislikes 22 May 201526% match

Google Developers Channel - Trailer
Google for Developers
181.5K views 116 likes 21 dislikes 03 Sep 201526% match

6 Reasons why Mac OS was BETTER | iMac G4 in 2020
Dmitry Yarygin Tech
861 views 32 likes 1 dislikes 04 Jul 202026% match

Far Cry 4 on ULTRA LOW settings (On GPD WIN 2!)
LowSpecGamer
1.4M views 25.2K likes 1.6K dislikes 06 Jul 201825% match

Adding a CheckBox
Udacity
64.8K views 18 likes 0 dislikes 14 Jul 201525% match

CARA SETING PUBG KOREA JADI NON HD SEPERTI PUBG GLOBAL_PUBG MOBILE KR/KOREA LOW HD

7.2K views 213 likes 5 dislikes 18 Nov 202025% match

How to record shows, sports, events, and movies with YouTube TV | US only
YouTube Viewers
948.5K views 3.4K likes -1 dislikes 04 Feb 201925% match

How to Use the New YouTube Studio
YouTube Creators
3M views 33.7K likes -1 dislikes 01 Nov 201825% match

SEO for Single Page Apps | WMConf Lightning Talks
Google Search Central
9.2K views 333 likes 19 dislikes 14 Oct 202025% match

Settings Privacy About Contact Donate