web-gelistirme-sc.com

Sürükle ve bırak işleminin bırakma kısmı için ortak deyimler nelerdir?

Burada sadece% D operasyonunun diğer yarısı olan düşüşle ilgileniyorum. Bırakabileceği bir kullanıcıyla iletişim kurmak için ortak deyimler nelerdir? Ve "en iyi" hangileri ve hangi durumlarda?

Özellikle hem sürüklemeden önce hem de sürükleme gerçekleştikten sonra kullanıcıya bir şey iletenleri bilmek istiyorum. Bunlar görsel veya 'dokunsal' olabilir (fare imleci değişir).

12
shemnon
  • Olası düşüş hedeflerini belirtin
  • Sonuçların canlı önizlemesini göster
  • Neyin sürüklendiğini gerçek zamanlı olarak göster

alt text

  • Bir yere bir şey bırakamıyorsanız, imlecin yakınındaki bir açılır pencerede kullanıcılara nedenini açıklayın:

alt text

  • Bırakma hedeflerinizi büyük tutun! Sürükle ve bırak zaten Fritz yasasının korkunç bir ihlalidir; daha da kötüleşmeye gerek yok.
5
Robert Fraser

Bırakabileceğiniz bir anahat gösteren uygulamalar gördüm.

Bu wordpress widget sayfasından

Wordpress widget page
(kaynak: srulytaber.com )

10
Sruly

Yaygın bir yaklaşım, diğer her şeyin üzerindeyken imleci "bırakamama" imlecine dönüştürmektir.

Mantık şöyle olacaktır:

  1. Sürüklemeyi Başlat.
  2. İmleci "düşemez" haline getirin.
  3. Sürüklerken, bırakmayı kabul edebilecek bir şeyin olup olmadığını kontrol edin, ardından imleci "düşebilir" haline getirin.
  4. İmleci bırak ve sıfırla.

NOT: Ben bunu savunmak zorunda değilim, ama kullanıcıya sürükle/bırak işleminin ortasında olduğunu ve düşmenin nerede geçerli olduğunu gösterir.

7
ChrisF

Kullanıcı bir öğeyi sürüklediği anda bırakma yerlerini biraz vurgulayabilirsiniz. Bu şekilde, dikkat çekici yerlere dikkat çekebilirsiniz.

Bunun için ön koşul, elbette ilk etapta neyin sürüklenebilir olduğunu göstermenizdir. Bu soruya cevap bunun için.

5
Gamlor

Bazen bırakma hedefi doğrusal olarak düzenlenmiş nesneleri kümesinin içindedir. Öğe bırakıldıktan sonra, bırakma hedefini izleyen nesneler yeni nesneye yer açmak için hareket eder. Bu durumda, ekleme noktası genellikle ince bir çizgi ile gösterilir boşluk oluşturmak için ayrılacak iki nesne arasında.

Örneğin, fare kullanan hemen hemen her GUI'de metin seçilebilir ve belgenin bir bölümünden diğerine sürüklenebilir. Ekleme noktası iki karakter arasında ince bir çizgi ile gösterilir.

Daha önce tartışılan Netflix kuyruğ için de durum böyle. İnce bir çizgiye ek olarak Netflix, filmin nereye gideceğini belirtmek için siyah bir ok kullanır.

 Thundercats: Season 1: Vol. 1: Disc 3     
 .....................................     
 Thundercats: Season 1: Vol. 1: Disc 4
>------------------------------------- 
 Thundercats: Season 1: Vol. 1: Disc 5
 .....................................
 Thundercats: Season 1: Vol. 1: Disc 6

(Sürüklerken ekran görüntüsünü nasıl alacağımı anlayamıyorum.)

3
Patrick McElhaney

Bırakma için tipik iş akışı:

repeat while mouse is down

    dragEnter -> mouse pointer has moved into some new area.
                 Highlight the area if the dragged data is valid for dropping into it,
                 adjust cursor (forbidden, copy, symlink, or move)
                 adjust the drag image (e.g. when dragging from icon view in file picker
                 to list view in another file picker, now's the time to animate the
                 drag image to look like the list view items would when dropped.

    dragLeave -> Undo any previous highlight.

end repeat

if we were over a valid drop location
    drop
else
    show an animation of the drag image snapping back to its
         point of Origin to make it clear the drag was canceled.
end if

Undo any previous highlight.

Tipik damla vurgu türleri:

  • Bir şeyin geçerli bir bırakma hedefi olduğunu belirtmek için bir kabın etrafındaki anahat (ör. Kaydırma görünümü)
  • Öğenin arasında veya sonrasında hangi liste öğelerinin veya metin karakterlerinin bırakılacağını gösteren ekleme işaretleri
  • Bir simgenin seçili varyantı (veya bir klasör simgesinin "katlanmış açık" varyantı), bir düşüşün sona erdiğini göstermek için içeride bir öğeden önce veya sonra değil.

Ekleme işaretlerinin yalnızca öğe sırasını serbestçe yeniden düzenleyebileceğiniz listeler için değil, aynı zamanda ör. sıralanmış bir listedeki iki dosya arasında veya üzerindeki bir damla mükemmel bir şekilde geçerlidir, ancak sıralamadan sonra dosyanın daha aşağı görüneceğini belirtmek istersiniz.

Tamlık uğruna, sürükleme için tipik iş akışı şöyledir:

detect whether a click-and-hold or click-and-move is really intended to be a drag:
 - Is it obvious? (e.g. dragging a file by its icon -- there is nothing else you can do
 - Or: Wait for a while, has the mouse moved by at least 4 pixels in some direction
       and has the mouse still not been released? (Accounts for most peoples' less-than-pefect motor skills
 - Or: Is the drag in a certain direction that doesn't make sense for anything else?
       (E.g. dragging sideways over text may be an attempt at a new selection,
       OTOH a vertical drag > 4px on a selection is pretty guaranteed to be a drag attempt.

Set up a drag image that is attached to the mouse. This image usually looks exactly
    like a 70% opaque version of the selection (giving the illusion you're moving
    the selection) and if you haven't moved the mouse yet, should invisibly overlay
    the actual selection. (I.e. move it relative to the mouse, don't center it
    under the mouse)

Start the drag! (following this we do the workflow for dropping)

(En azından bu, modern Mac OS X uygulamalarında genellikle drag'n drop'un nasıl gerçekleştiği, ancak bir drop sırasında drag görüntüsünün güncellenmesi oldukça yeni bir şeydir)

2
uliwitness