blockly > BlockSvg

BlockSvg sınıfı

Bir bloğun SVG gösterimi için sınıf. Normalde doğrudan çağrılmaz, workspace.newBlock() tercih edilir.

İmza:

export declare class BlockSvg extends Block implements IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode 

Uzatır: Engelleme

Uygulama: IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode

Markalar

Marka	Değiştiriciler	Açıklama
(constructor)(workspace, prototypeName, opt_id)		BlockSvg sınıfının yeni bir örneğini oluşturur.

Özellikler

Mülk	Değiştiriciler	Tür	Açıklama
COLLAPSED_WARNING_ID	static readonly	(bildirilmedi)	"Daraltılmış uyarılar" uyarısını vermek için kullanılan kimlik. Bu sayede, blokla ilgili uyarıları kaldırmadan "daraltılmış uyarılar" uyarısını kaldırabiliriz.
customContextMenu?		(p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void	(İsteğe bağlı)
ayrıştırır?		(p1: Workspace) => BlockSvg	(İsteğe bağlı)
height		sayı	Üstünde veya altında bulunan ifade blokları hariç olmak üzere bu bloğun yüksekliği. Yükseklik, çalışma alanı birimleriyle ifade edilir.
INLINE	static readonly	(bildirilmedi)	Satır içi oluşturulacak satırları tanımlamak için kullanılan sabit. Blockly.inputTypes ile çakışmayın.
mutator		MutatorIcon | null	Bloğun mutasyon simgesi (varsa).
nextConnection		RenderedConnection
outputConnection		RenderedConnection
previousConnection		RenderedConnection
rendered	readonly	(bildirilmedi)	Bu blok bir BlockSVG mi?
saveConnections?		(rootBlock: BlockSvg) => void	(İsteğe bağlı) Bu bloğa bağlı blokların kaydını tutan isteğe bağlı bir yöntemdir. Bu sayede, blok yeniden oluşturulduktan (yeniden yapılandırıldıktan) sonra bu bloklar geri yüklenebilir. Genellikle, mutator flyout'taki bloklarda bulunan özelliklerdeki bağlı blokları kaydeder. Böylece, bu bileşen blokları yeniden düzenlendiğinde, bu blok yeniden oluşturulduktan sonra bu bloktaki karşılık gelen bağlı bloklar otomatik olarak yeniden düzenlenir. Kaydedilen bağlantı bilgilerinin güncel kalması için MutatorIcon, mutator açılır penceresi açıkken ve bu bloğun çalışma alanında bir değişiklik olduğunda bu yöntemi çağırmak üzere bir etkinlik dinleyicisi düzenler.
style		BlockStyle
width		sayı	Bağlı değer blokları da dahil olmak üzere bu bloğun genişliği. Genişlik, çalışma alanı birimlerindedir.
workspace		WorkspaceSvg

Yöntemler

Yöntem	Değiştiriciler	Açıklama
addClass(className)		Bu bloğun SVG grubuna bir CSS sınıfı ekleyin.
addIcon(icon)
addSelect()		Bloğa görsel "seç" efektini ekler ancak bloğu gerçekten seçmez veya bir etkinlik tetiklemez.
appendInput(input)
bringToFront(blockOnly)		Bu bloğu görünür çalışma alanının önüne taşıyın. etiketleri z-index'i dikkate almadığından SVG, bunları DOM'daki sırayla oluşturur. Bu bloğu blok grubunun bölümünde ilk sıraya yerleştirerek diğer tüm blokların üzerinde oluşturulmasını sağlayabilirsiniz. Bu yöntem, DOM düğümlerini yeniden sıraladığından maliyetlidir. Bu nedenle, dikkatli kullanın.
bumpNeighbours()		Bağlı olmayan blokları hizadan çıkarır. Aslında bağlı olmayan iki blok, son kullanıcıların kafasını karıştıracağı için ekranda tesadüfen yan yana gelmemelidir.
calculateContextMenuLocation(e)	protected	Bu blok için içerik menüsünün gösterileceği konumu alır. Blok tıklandıysa tıklamanın konumunu, aksi takdirde bloğun alanlarına dayalı bir konumu kullanın.
canBeFocused()		IFocusableNode.canBeFocused'a bakın.
checkAndDelete()		Bir bloğu silin ve bunu yaparken gereksiz bilgileri gizleyin. Bloğun açılır pencerede olması durumunda silinmez. Bu işlem, bağlam menüsünden ve klavye kısayollarından tam silme işlemi olarak çağrılır. Çalışma alanından bir blok kaldırıyorsanız ve pop-up kontrolleri yapmanız, etkinlikleri gruplandırmanız veya gereksiz bilgileri gizlemeniz gerekmiyorsa doğrudan block.dispose() kullanın.
dispose(healStack, animate)		Bu bloğu silin.
disposeInternal()		Bu blok, üst blok tarafından yapılması gerekenleri yapmadan kaldırılır. Örneğin, kullanıcı arayüzü efektlerini tetikler, düğümleri kaldırır vb.
drag(newLoc, e)		Bloğu belirtilen konuma sürükler.
endDrag(e)		Bloktaki sürükleme işlemini sonlandırır.
generateContextMenu(e)	protected	Bu blok için bağlam menüsünü oluşturun.
getBoundingRectangle()		Bu bloğun ve altında yer alan tüm blokların boyutlarını açıklayan sınırlayıcı bir kutunun koordinatlarını döndürür. Koordinat sistemi: çalışma alanı koordinatları.
getBoundingRectangleWithoutChildren()		Yalnızca bu bloğun boyutlarını açıklayan bir sınırlayıcı kutunun koordinatlarını döndürür. Koordinat sistemi: çalışma alanı koordinatları.
getChildren(ordered)		Doğrudan bu bloğun içine yerleştirilmiş tüm blokları bulur. Değer ve ifade girişlerinin yanı sıra sonraki ifadeleri içerir. Çıkış sekmesindeki veya önceki ifadelerdeki bağlantılar hariçtir. Bloklar isteğe bağlı olarak konuma göre (yukarıdan aşağıya) sıralanır.
getColour()		Bir bloğun rengini alma
getColourSecondary()		Bir bloğun ikincil rengini alır.
getColourTertiary()		Bir bloğun üçüncül rengini alır.
getFocusableElement()		IFocusableNode.getFocusableElement'e bakın.
getFocusableTree()		IFocusableNode.getFocusableTree'ye bakın.
getNextBlock()		Bu bloğa doğrudan bağlı olan sonraki ifade bloğunu döndürür.
getPreviousBlock()		Önceki bağlantıya bağlı bloğu döndürür.
getRelativeToSurfaceXY()		Bu bloğun sol üst köşesinin,çizim yüzeyinin başlangıç noktasına (0,0) göre koordinatlarını çalışma alanı birimleriyle döndürür. Blok çalışma alanındaysa (0, 0), çalışma alanı koordinat sisteminin başlangıç noktasıdır. Bu, çalışma alanının ölçeğiyle değişmez.
getStyle()		Bu bloğu stilize etmek için kullanılan BlockStyle nesnesini döndürür.
getSvgRoot()		SVG'nin kök düğümünü veya yoksa boş değerini döndürür.
initSvg()		Bloğun SVG gösterimini oluşturun ve başlatın. Birden fazla kez aranabilir.
isCopyable()		Bu bloğun kopyalanabilir olup olmadığını döndürür.
isMovable()		Bu bloğun taşınabilir olup olmadığını döndürür.
jsonInit(json)
markDirty()		Bu bloktaki her girişi, alanlarını kirli olarak işaretlemek için bilgilendirin. Kirli alan, yeniden oluşturulması gereken bir alandır.
moveBy(dx, dy, reason)		Bir bloğu göreli bir dengeyle taşıma.
moveNumberedInputBefore(inputIndex, refIndex)		Numaralandırılmış bir girişi bu blokta farklı bir konuma taşıyın.
moveTo(xy, reason)		Bir bloğu bir konuma taşıma
onNodeBlur()		IFocusableNode.onNodeBlur'a bakın.
onNodeFocus()		IFocusableNode.onNodeFocus'a bakın.
removeClass(className)		Bu bloğun SVG grubundan bir CSS sınıfını kaldırın.
removeIcon(type)
removeInput(name, opt_quiet)		Bu bloktan bir girişi kaldırma
removeSelect()		Bloktaki görsel "seç" efektini kaldırır ancak bloğun seçimini kaldırmaz veya bir etkinlik tetiklemez.
render()		Bir bloğu, içeriğine ve ayarlarına göre anında yerleştirir ve yeniden akıtır.
revertDrag()		Bloğu, sürükleme işleminin başlangıcındaki konumuna geri taşır.
scheduleSnapAndBump()		Izgaraya tutturun ve ardından bir sonraki oluşturma işleminin sonunda komşu blokları uzaklaştırın.
select()		Bu bloku seçer. Bloğu görsel olarak vurgular.
setCollapsed(collapsed)		Bloğun daraltılıp daraltılmayacağını ayarlayın.
setColour(colour)		Bir bloğun rengini değiştirme
setDeletable(deletable)		Blok silinemiyorsa blocklyNotDeletable sınıfını ekleyin veya blok silinebiliyorsa sınıfı kaldırın.
setDisabledReason(disabled, reason)		Engelin devre dışı bırakılabileceği bir neden ekleyin veya kaldırın. Bir bloğun devre dışı bırakılmasını gerektiren herhangi bir neden varsa blok devre dışı bırakılmış olarak kabul edilir. Engelleme, kullanıcının engellemeyi manuel olarak devre dışı bırakması veya engellemenin geçersiz olması gibi birden fazla bağımsız nedenden dolayı aynı anda devre dışı bırakılabilir.
setDragStrategy(dragStrategy)		Bu blok için sürükleme stratejisini ayarlar.
setEditable(editable)		Bu bloğun düzenlenebilir olup olmadığını ayarlayın.
setHighlighted(highlighted)		Bloğun vurgulanıp vurgulanmayacağını ayarlayın. Blok vurgulama, şu anda yürütülen blokları görsel olarak işaretlemek için sıklıkla kullanılır.
setInputsInline(newBoolean)		Değer girişlerinin yatay mı yoksa dikey mi düzenleneceğini ayarlayın.
setMovable(movable)		Bu bloğun taşınabilir olup olmadığını ayarlayın.
setMutator(mutator)		Bu bloğa bir mutasyon iletişim kutusu verin.
setNextStatement(newBoolean, opt_check)		Bu bloğun altına başka bir blok eklenip eklenemeyeceğini ayarlayın.
setOutput(newBoolean, opt_check)		Bu bloğun değer döndürüp döndürmeyeceğini ayarlayın.
setPreviousStatement(newBoolean, opt_check)		Bu bloğun başka bir bloğun altına eklenip eklenemeyeceğini ayarlayın.
setStyle(blockStyleName)		Bir bloğun stil ve renk değerlerini ayarlayın.
setWarningText(text, id)		Bu bloğun uyarı metnini ayarlayın.
snapToGrid()		Bu bloğu en yakın ızgara noktasına yerleştirin.
startDrag(e)		Blokta sürükleme işlemini başlatır.
toCopyData()		Kopyalamak için bir bloğu kodlayın.
toFlyoutInfo()		Bu bloğun, açılır pencerede görüntülenebilecek bir temsilini döndürür.
translate(x, y)		Bloğun SVG'sindeki dönüşüm özelliğinde çeviriyi ayarlayarak bir bloğu dönüştürür.
unselect()		Bu blokun seçimini kaldırır. Bloğun görsel olarak vurgusunu kaldırır.