Not
Bu sayfaya erişim yetkilendirme gerektiriyor. Oturum açmayı veya dizinleri değiştirmeyi deneyebilirsiniz.
Bu sayfaya erişim yetkilendirme gerektiriyor. Dizinleri değiştirmeyi deneyebilirsiniz.
Taşıma veya kaydırma, kullanıcıların görüntülenen alana sığmayan içeriği görüntülemek için tek bir görünümde gezinmesine olanak tanır. Görünümlere örnek olarak bilgisayarın klasör yapısı, belge kitaplığı veya fotoğraf albümü verilebilir.
Önemli API'ler: Windows.UI.Input, Windows.UI.Xaml.Input
Yapılması ve yapılmaması gerekenler
Kaydırma göstergeleri ve kaydırma çubukları
Uygulamanıza içerik yüklemeden önce kaydırma/sürüklemenin mümkün olduğunu kontrol edin.
Konum ve boyut ipuçları sağlamak için kaydırma göstergelerini ve kaydırma çubuklarını görüntüleyin. Özel bir gezinti özelliği sağlarsanız bunları gizleyin.
Not Standart kaydırma çubuklarının aksine, kaydırma göstergeleri tamamen bilgilendiricidir. Giriş cihazlarına açık değildirler ve hiçbir şekilde işlenemezler.
Tek eksenli kaydırma (tek boyutlu taşma)
Bir görünüm penceresi sınırını (dikey veya yatay) aşan içerik bölgeleri için tek eksenli kaydırma kullanın.
- Tek boyutlu bir öğe listesi için dikey kaydırma.
- Bir öğe kılavuzu için yatay kaydırma.
Kullanıcının tutturulma noktaları arasında kaydırma yapıp durabilmesi gerekiyorsa, tek eksenli kaydırmada zorunlu tutturma noktalarını kullanmayın. Zorunlu tutturma noktaları, kullanıcının bir tutturma noktasında duracağını garanti eder. Bunun yerine yakınlık yakalama noktalarını kullanın.
Özgür biçimli kaydırma (iki boyutlu taşma)
her iki görünüm penceresi sınırlarının (dikey ve yatay) ötesine uzanan içerik bölgeleri için iki eksenli kaydırma kullanın.
- Varsayılan ray davranışını geçersiz kılın ve kullanıcının birden çok yönde hareket etme olasılığı olan yapılandırılmamış içerik için serbest biçimli kaydırma kullanın.
Serbest biçimli kaydırma genellikle görüntüler veya haritalar içinde gezinmek için uygundur.
Sayfalanmış görünüm
İçerik ayrık öğelerden oluşuyorsa veya öğenin tamamını görüntülemek istiyorsanız, zorunlu hizalama noktalarını kullanın. Bu, bir kitap veya derginin sayfalarını, bir öğe sütununu veya tek tek resimleri içerebilir.
- Her mantıksal sınıra bir tutturma noktası yerleştirilmelidir.
- Her öğe görünüme uyacak şekilde boyutlandırılmalı veya ölçeklendirilmelidir.
Mantıksal ve anahtar noktalar
İçerikte kullanıcının muhtemelen duracağı önemli noktalar veya mantıksal yerler varsa yakınlık yerleştirme noktalarını kullanın. Örneğin, bölüm başlığı.
En büyük ve en düşük boyut kısıtlamaları veya sınırları tanımlanmışsa, kullanıcının bu sınırlara ne zaman ulaştığını veya aştığını göstermek için görsel geri bildirim kullanın.
Gömülü veya iç içe geçmiş içeriği bağlama
Metin ve kılavuz tabanlı içerik için tek eksenli kaydırma (genellikle yatay) ve sütun düzenleri kullanın. Bu gibi durumlarda, içerik genellikle sütundan sütuna doğal olarak sarılır ve akış gösterir ve kullanıcı deneyiminin Windows uygulamalarında tutarlı ve keşfedilebilir olmasını sağlar.
Metin veya öğe listelerini görüntülemek için eklenmiş kaydırılabilir bölgeler kullanmayın. Kaydırma göstergeleri ve kaydırma çubukları yalnızca bölge içinde dokunmatik giriş algılandığında görüntülendiğinden, bu sezgisel veya keşfedilebilir bir kullanıcı deneyimi değildir.
Eğer her ikisi de aynı yönde kaydırılıyorsa, gösterildiği gibi, kaydırılabilir bir bölgeyi başka bir kaydırılabilir bölgeye zincirlemeyin veya yerleştirmeyin. Bu, alt alan için bir sınıra ulaşıldığında ebeveyn alanın kasıtsız olarak kaydırılmasıyla sonuçlanabilir. Kaydırma eksenini dik yapmayı göz önünde bulundurun.
Ek kullanım kılavuzu
Bir veya daha fazla parmakla çekme veya slayt hareketi kullanarak dokunarak kaydırmak, fareyle kaydırmak gibidir. Kaydırma etkileşimi en çok, kaydırma çubuğuna tıklamak yerine fare tekerleğini döndürmeye veya kaydırma kutusunu kaydırmaya benzer. Bir API'de ayrım yapılmadığı veya cihaza özgü bazı Windows kullanıcı arabirimi için gerekli olmadığı sürece, her iki etkileşime de kaydırma olarak başvurmamız yeterlidir.
Windows 10 Fall Creators Update - Davranış değişikliği Varsayılan olarak, aktif bir kalem artık metin seçimi yerine Windows uygulamalarında (dokunmatik, dokunmatik yüzey ve pasif kalem gibi) kaydırma/yana kaydırma işlevi görür. Uygulamanız önceki davranışa bağlıysa, kalem kaydırmayı geçersiz kılabilir ve önceki davranışa geri dönebilirsiniz. Ayrıntılar için ScrollViewer Sınıfı için API başvuru konusuna bakın.
Giriş cihazına bağlı olarak, kullanıcı aşağıdakilerden birini kullanarak kaydırılabilir bir bölgede kaydırma yapar:
- Kaydırma oklarına tıklamak, kaydırma kutusunu sürüklemek veya kaydırma çubuğunun içine tıklamak için fare, dokunmatik yüzey veya aktif kalem/ekran kalemi.
- Kaydırma çubuğunu sürüklemeyi taklit etmek için farenin tekerlek düğmesi.
- Fare tarafından destekleniyorsa genişletilmiş düğmeler (XBUTTON1 ve XBUTTON2).
- Kaydırma kutusunu sürüklemeyi öykünmek için klavye ok tuşları veya kaydırma çubuğunda tıklamayı öykünmek için sayfa tuşlarını kullanın.
- Parmakları istenen yönde kaydırmak veya sürüklemek için dokun, dokunmatik yüzeyi kullan veya pasif kalem/ekran kalemiyle çalış.
Kaydırma, parmaklarını yavaşça kaydırma yönünde hareket ettirmeyi içerir. Bu, içeriğin parmaklarla aynı hızda ve mesafede kaydırıldığı bire bir ilişkiye neden olur. Parmaklarını hızla kaydırmayı ve kaldırmayı içeren çekme işlemi, kaydırma animasyonunda aşağıdaki fiziğin uygulanmasına neden olur:
- Yavaşlama (atalet): Parmaklar kaldırıldığında kaydırma yavaşlamaya başlar. Bu, kaygan bir yüzeyde durmaya benzer.
- Emilim: Yavaşlama sırasında kaydırma momentumu, bir tutturma noktasına veya içerik alanı sınırına ulaşılırsa hafif bir geri dönme etkisine neden olur.
Kaydırma türleri
Windows üç tür kaydırmayı destekler:
- Tek eksen - kaydırma yalnızca bir yönde desteklenir (yatay veya dikey).
- Raylar - kaydırma tüm yönlerde desteklenir. Ancak, kullanıcı belirli bir yönde bir mesafe eşiğini aştıktan sonra kaydırma bu eksenle sınırlandırılır.
- Serbest biçim - kaydırma tüm yönlerde desteklenir.
Kullanıcı arabirimini kaydırma
Kaydırma için etkileşim deneyimi giriş cihazına özgüdür ve benzer işlevler sağlamaya devam etmektedir.
Algılanan giriş cihazına göre iki kaydırmalı ekran modu vardır:
- Dokunma için yatay kaydırma göstergeleri.
- Fare, dokunmatik yüzey, klavye ve ekran kalemi gibi diğer giriş cihazları için kaydırma çubukları.
Not Yatay kaydırma göstergeleri yalnızca dokunmatik temas kaydırılabilir bölge içinde olduğunda görünür. Benzer şekilde, kaydırma çubuğu yalnızca fare imleci, kalem/ekran kalemi imleci veya klavye odağı kaydırılabilir bölge içinde olduğunda görünür.
Hareket göstergeleri Hareket göstergeleri, kaydırma çubuğundaki kaydırma kutusuna benzer. Görüntülenen içeriğin toplam kaydırılabilir alana oranını ve görüntülenen içeriğin kaydırılabilir alandaki göreli konumunu gösterir.
Aşağıdaki diyagramda farklı uzunluklarda iki kaydırılabilir alan ve bunların kaydırma göstergeleri gösterilmektedir.
Kamera hareketi davranışlarıTutturma noktaları Kaydırma hareketinde, dokunma teması kaldırıldığında etkileşime eylemsizlik davranışı eklenir. Eylemsizlik nedeniyle, kullanıcıdan doğrudan giriş yapılmadan bir mesafe eşiğine ulaşılana kadar içeriğin kaydırılması sürer. Bu eylemsizlik davranışını değiştirmek için yakalama noktalarını kullanın.
Tutturma noktaları, uygulama içeriğinizde mantıksal durakları belirtir. Yakıma noktaları, bilişsel olarak kullanıcı için bir sayfalama mekanizması görevi görür ve büyük kaydırılabilir bölgelerde aşırı kayma veya kaydırma işleminden kaynaklanan yorgunluğu en aza indirir. Bunlarla, belirsiz kullanıcı girişini işleyebilir ve görünüm penceresinde belirli bir içerik veya anahtar bilgilerinin alt kümesinin görüntülendiğinden emin olabilirsiniz.
İki tür tutturma noktası vardır:
- Yakınlık - Temas kaldırıldıktan sonra, eylemsizlik bir tutturma noktasının mesafe eşiği içinde durursa bir tutturma noktası seçilir. Yatay kaydırma, yakınlık tutturma noktaları arasında durmaya devam edebilir.
- Zorunlu - Seçilen tutturma noktası, temas kaldırılmadan önce kesişen son tutturma noktasından hemen önce gelen veya sonrasında gelen noktadır (jestin yönüne ve hızına bağlı olarak). Yatay kaydırma zorunlu bir tutturma noktasında durmalıdır.
Hareket yakalama noktaları, sayfalandırılmış içeriği taklit eden veya bir görünüm penceresine ya da ekrana sığacak şekilde dinamik olarak yeniden gruplanabilen mantıksal öğe gruplandırmalarına sahip web tarayıcıları ve fotoğraf albümleri gibi uygulamalar için kullanışlıdır.
Aşağıdaki diyagramlarda, belirli bir noktaya kaydırma ve serbest bırakmanın içeriğin otomatik olarak mantıksal bir konuma kaydırılmasına nasıl neden olduğu gösterilmektedir.
Kaydırmak için çekin.
Dokunma temaslarını kaldırın.
Kaydırılabilir bölge, dokunma temasının kaldırıldığı yerde değil tutturma noktasında durur.
Rails İçerik, görüntü cihazının boyutlarından ve çözünürlüğünden daha geniş ve uzun olabilir. Bu nedenle genellikle iki boyutlu kaydırma (yatay ve dikey) gereklidir. Raylar, hareket ekseni boyunca (dikey veya yatay) kaydırmayı vurgulayarak bu durumlarda kullanıcı deneyimini geliştirir.
Aşağıdaki diyagramda ray kavramı gösterilmektedir.
Gömülü veya iç içe yerleştirilmiş içeriği zincirlemek
Kullanıcı, başka bir yakınlaştırılabilir veya kaydırılabilir öğe içinde iç içe yerleştirilmiş bir öğede yakınlaştırma veya kaydırma sınırına ulaştıktan sonra, üst öğenin alt öğesinde başlayan yakınlaştırma veya kaydırma işlemine devam edip etmeyeceğini belirtebilirsiniz. Buna yakınlaştırma veya kaydırma zincirleme adı verilir.
Zincirleme, tek eksenli veya serbest biçimli kaydırma bölgelerinden birini veya birkaçını içeren tek eksenli bir içerik alanında, dokunmatik temas bu alt bölgelerden birinde olduğunda kaydırma yapmak için kullanılır. Alt bölgenin kaydırma sınırına belirli bir yönde ulaşıldığında, kaydırma aynı yönde üst bölgede etkinleştirilir.
Kaydırılabilir bir bölge başka bir kaydırılabilir bölgenin içine yerleştirildiğinde, kapsayıcı ile eklenmiş içerik arasında yeterli alan bırakmak önemlidir. Aşağıdaki diyagramlarda, bir kaydırılabilir bölge, birbirine dik yönde hareket eden başka bir kaydırılabilir bölgenin içine yerleştirilmiştir. Kullanıcıların her bir bölgede kaydırma yapması için çok fazla alan vardır.
Aşağıdaki diyagramda gösterildiği gibi yeterli alan olmadan, gömülü kaydırılabilir bölge kapsayıcının kaydırma işlevini bozabilmekte ve bir veya daha fazla kaydırılabilir bölgede kasıtsız kaydırmaya yol açabilmektedir.
Bu kılavuz, fotoğraf albümleri veya tek bir görüntü veya harita içinde sınırlandırılmamış kaydırmayı destekleyen ve aynı zamanda albüm içinde tek eksenli kaydırmayı (önceki veya sonraki görüntülere) veya ayrıntılar alanını destekleyen eşleme uygulamaları için de yararlıdır. Serbest biçimli bir kaydırma görüntüsüne veya haritaya karşılık gelen bir ayrıntı veya seçenekler alanı sağlayan uygulamalarda, resim veya haritanın kısıtlanmamış kaydırma alanı ayrıntılar alanına kaydırmayı engelleyebileceğinden sayfa düzeninin ayrıntılar ve seçenekler alanıyla başlamasını öneririz.
İlgili makaleler
Örnekleri
- Temel giriş örneği
- Düşük gecikmeli giriş örneği
- Kullanıcı etkileşim modu örneği
- Odak görselleri örneği
Arşiv örnekleri
GitHub'da bizimle işbirliği yapın
Bu içeriğin kaynağı GitHub'da bulunabilir; burada ayrıca sorunları ve çekme isteklerini oluşturup gözden geçirebilirsiniz. Daha fazla bilgi için katkıda bulunan kılavuzumuzu inceleyin.
Windows developer