Çizim: Nesne, semboldeki başka bir nesneye / metne göre hareket eder


11

Öncesinde / üzerine eklenmiş metni değiştirdiğimde, bir nesneyi otomatik olarak nasıl hareket ettirebilirim?

Bu varsayılan sembolün nasıl çalıştığını anlamaya çalışıyorum (aşağıda gif dahil) ve çoğalt.

Geçersiz kılma işlemine "" yazdığımda, wifi simgesi alım noktalarının yanında hareket eder. Daha uzun bir dize yazdığımda (gif'e bakın), wifi sembolü metinden sonra otomatik olarak buna göre hareket eder.

Bu, wifi sembolü "Taşıyıcı" metin kutusunun (sabit bir genişliği olmayan) SONUNDA sabitlenmiş gibi ve metin kutusunun ne kadar uzun olduğuna göre hareket ediyor. Sketch'de bu nasıl yapılır?


Bir sembolün içindeki metnin, nesnenin uzunluğuna bağlı olarak hareket ettiği şekilde değiştirilmesinin demosu

Gerçek çalışma yüzeyinin üzerinde özel bir şey yoktur:

Çalışma yüzeyi katmanları

Herhangi bir çözüm var mı? Lütfen teşekkürler!


2
Nasıl oldu? Örneğin, metin kutusunun hemen yanında kare ve metin içeren bir sembol oluşturuyorum, metni düzenlediğimde kare hareket etmiyor. Geçersiz kılmalardaki metni değiştirdiğimde karenin otomatik olarak hareket etmesini istiyorum.
jess

Bu istenen davranış önerilerin hiçbirinde çoğaltılamaz. Bunu en yeni Sketchapp Sürüm 51.2 ile başarmanın bir yolu var mı? Ne yazık ki, bu yazı en yeni Sketchapp Sürümü için doğru / çalışıyor gibi görünmüyor. Cheerio
UX Brewer

Yanıtlar:


4

Twitter user @kieranpblack sayesinde çok teşekkürler!

Çalışması için metin katmanıyla ikinci katman arasında en az 1 piksel olmalıdır. Varsayılan uzatma dahil herhangi bir yeniden boyutlandırma seçeneği üzerinde çalışır!

(Sketch 41 güncellemesinden önce bunu denedim mi hatırlamıyorum bile? Şimdi ona bakmak çok basit görünüyor.)


4

Biraz deneme yanılma ile gereksinimleri daralttım.

  • Metnin hizalamasının Otomatik olarak ayarlanması gerekir
  • Metin ve diğer katman arasındaki yatay boşluk ≥ 0 ve ≤ 19 piksel olmalıdır
  • Metin çerçevesinin üstü ile diğer katmanın üstü ile metin çerçevesinin altı ile diğer katmanın altı arasındaki mesafe ≤ 8 piksel olmalıdır

Metin, yer değiştiren katmanın solunda veya sağında olabilir.


Bu koşullar çok yardımcı oldu, bir ton teşekkürler.
Shravan Veer Kohli

0

Bununla ilgili herhangi bir belge bulamıyorum, ancak yine de ilgileniyorsanız, davranışı nasıl yeniden oluşturacağınızı anladım.

  1. Bir arka plan dikdörtgeni, bu dikdörtgenin üstünde bir otomatik genişlik metni parçası ve metnin sağ kenarından 20 piksele kadar daha küçük bir dikdörtgen oluşturun .
  2. Metni ve daha küçük dikdörtgeni seçin ve bir grup oluşturun. Buna 'grup1' diyelim
  3. Küçük dikdörtgenin katman listesindeki otomatik genişlik metninden sonra geldiğinden emin olun .
  4. Arka plan dikdörtgenini ve grup1'i seçin ve bir sembol oluşturun.
  5. Sembol düzenleme sayfasında, grup1'i seçin ve yeniden boyutlandırma yöntemi olarak 'köşeye sabitle'yi belirtin. Diğer tüm öğelerinizin (iki dikdörtgen ve metin) yeniden boyutlandırma yöntemleri olarak 'esnediğini' kontrol edin.
  6. Bazı örnekler oluşturun ve metni geçersiz kılın, çalışması gerekir.

Tüm kural setini denemeden çıkarmak zor. Keşke el kitabı falan olsaydı.


Adımlarınızı denedim ama ne yazık ki tekrarlayamadım ... Yardımlarınız için teşekkür ederim! Aynı zamanda sinir bozucu çünkü gerçek sembolde, gruplama veya "Köşeden tuttur" özel boyutlandırma yok… Bohemya kodunu soran bir mesaj gönderebilirim.
jess

Bohemyandan haber aldın mı? 'Grup yeniden boyutlandırma' kontrollerinin her yerde nasıl çalıştığı ile ilgili ayrıntıları bulabilirsiniz. Burada deneyin: medium.com/sketch-app-sources/…
Joshua

Onlardan haber alamadım. Grubun yeniden boyutlandırma özelliklerini anlıyorum, ancak genel nesnenin fiziksel olarak yeniden boyutlandırılması gerekmediği için böyle hissetmiyorum… sadece geçersiz kılmalardan birindeki metni değiştiriyorum. Orijinal semboldeki tüm yeniden boyutlandırma seçenekleri, varsayılan "genişlet" olarak ayarlanmıştır.
jess

0

Şanssız cevaplar bulmak için bu soruya tökezledim, ancak bunun gerçekleşmesi için bir iş akışı buldum:

Adımlar:

  1. Nesnenizin tutturmasını istediğiniz bir metin alanı oluşturun.
  2. Nesneyi metin alanına hizala (Yalnızca sağdaki nesneyi denedim) .
  3. Grup metin alanı ve nesnesi.
  4. Uzatılacak metin alanının ve nesnenin köşeden köşeye "yeniden boyutlandır" seçeneğini ayarlayın .
  5. Az önce oluşturduğunuz grupla sembol oluşturun.
  6. Önemli: Semboller sayfasında, yeni sembolünüzün resim panosunu, metin alanınıza gireceğiniz tüm geçersiz kılmalarınızı barındıracak genişliğe genişletin.

Artık metninizi geçersiz kılabilmeniz gerekir ve nesneniz yeni metninize sabitlenir.

Şerefe!

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.