web-gelistirme-sc.com

Bir web sayfasındaki tablo satırının sürüklenebilir görünmesini nasıl sağlayabilirim?

Bir web sayfasında kullanıcı satırları yeniden düzenlemek izin gerekir bir tablo var. Kullanıcının onları yeniden sıralamak için satırları sürüklemesine izin vermeyi düşünüyordum. Ancak kullanıcıya bunu yapabileceğini nasıl bildirebilirim? Gelen kutusundaki her e-posta için nokta veya gmail gibi dikey çizgiler içeren ilk sütun olarak boş bir hücre oluşturmalı mıyım? Böyle bir resmi nereden bulabilirim? İmleç için "el" simgesi veya "hareket" imleci mi kullanırım? İmleci masanın üzerine getirirken veya yalnızca "yakalama alanı" nı gösterirken gösterebilir miyim? Kullanıcının sürüklemek için satırın herhangi bir bölümünü almasına izin verir miyim?

12
Adam

37signals ' Basecamp bununla iyi bir iş çıkarıyor:

Basecamp's drag indicator

Bir öğenin üzerine geldiğinizde, öğenin solunda kontroller görünür. Kontrollerden biri yukarı/aşağı oktur. Farenin imleci bu kontrolün üzerine geldiğinde bir hareket imlecine dönüşür. Fare düğmesini basılı tutmak, yakalanan öğenin konumunu farenin konumuna karşılık gelen dikey eksende hareket ettirir. Fare düğmesinin bırakılması, öğeyi kabul edilebilir en yakın konuma düşürür. Sürüklenen öğenin konumu ekranda sürekli olarak güncellenir, böylece nerede olduğunu bilirsiniz.

Gmail tasks drag indicator

Gmail'in Görevler özelliği, bir öğenin üzerine geldiğinizde sola bir sürükleme yüzeyi göstererek bunu biraz farklı şekilde ele alır. Sürükleme yüzeyinin üzerine gelindiğinde imleç bir el simgesine dönüşür (kapalı el olan bir kavrama simgesi değil). Diğer davranışlar Basecamp ile aynıdır.

Bu kalıp hakkında daha fazla bilgi için Yahoo Tasarım Kalıbı Kitaplığı'na başvurun ve ilginç anlar storyboard ızgarası bölümüne bakın.

22
Rahul

Düzeniniz aşırı kalabalık olmadığı sürece ipuçlarını çarpmak kullanıcıların hangi özelliklerin mevcut olduğunu anlamalarına yardımcı olur.

Bu nedenle, sürükleme tutamaçlarına ek olarak, tablonuzun üst kısmına yakın bir yerde bulunan "Yeniden sıralamak için satırları sürükleyin" başlığı eklemek isteyebilirsiniz.

0
Pierre