Dizin
Action
(message)Action.ActionParameter
(message)Action.Interaction
(enum)Action.LoadIndicator
(enum)BorderStyle
(message)BorderStyle.BorderType
(enum)Button
(message)ButtonList
(message)Card
(message)Card.CardAction
(message)Card.CardFixedFooter
(message)Card.CardHeader
(message)Card.DisplayStyle
(enum)Card.DividerStyle
(enum)Card.Section
(message)Columns
(message)Columns.Column
(message)Columns.Column.HorizontalSizeStyle
(enum)Columns.Column.VerticalAlignment
(enum)Columns.Column.Widgets
(message)DateTimePicker
(message)DateTimePicker.DateTimePickerType
(enum)DecoratedText
(message)DecoratedText.SwitchControl
(message)DecoratedText.SwitchControl.ControlType
(enum)Divider
(message)GetAutocompletionResponse
(message)Grid
(message)Grid.GridItem
(message)Grid.GridItem.GridItemLayout
(enum)Icon
(message)Image
(message)ImageComponent
(message)ImageCropStyle
(message)ImageCropStyle.ImageCropType
(enum)Link
(message)LinkPreview
(message)Navigation
(message)Notification
(message)OnClick
(message)OpenLink
(message)OpenLink.OnClose
(enum)OpenLink.OpenAs
(enum)RenderActions
(message)RenderActions.Action
(message)SelectionInput
(message)SelectionInput.PlatformDataSource
(message)SelectionInput.PlatformDataSource.CommonDataSource
(enum)SelectionInput.SelectionItem
(message)SelectionInput.SelectionType
(enum)SubmitFormResponse
(message)Suggestions
(message)Suggestions.SuggestionItem
(message)TextInput
(message)TextInput.Type
(enum)TextParagraph
(message)Widget
(message)Widget.HorizontalAlignment
(enum)Widget.ImageType
(enum)
İşlem
Form gönderildiğinde davranışı açıklayan bir işlem. Örneğin, formu işlemek için bir Apps Komut Dosyası'nı çağırabilirsiniz. İşlem tetiklenirse form değerleri sunucuya gönderilir.
Alanlar | |
---|---|
function |
İçeren öğe tıklandığında veya otomatik olarak etkinleştirildiğinde çağrılacak özel bir işlev. Örneğin kullanımı Etkileşimli kartlar oluşturma başlıklı makalede bulabilirsiniz. |
parameters[] |
İşlem parametrelerinin listesi. |
loadIndicator |
Harekete geçirici mesajda bulunurken görüntülenen yükleme göstergesini belirtir. |
persistValues |
İşlemden sonra form değerlerinin korunup korunmayacağını belirtir.
|
interaction |
İsteğe bağlı. İletişim kutusu açarken gereklidir. Bir kullanıcıyla etkileşime (ör. bir kullanıcının kart mesajındaki bir düğmeyi tıklaması) yanıt olarak yapılması gereken işlem. Belirtilmemişse uygulama normal şekilde bir Bir Chat uygulamaları tarafından desteklenir ancak Google Workspace Eklentileri tarafından desteklenmez. Bir eklenti için belirtilirse kartın tamamı kaldırılır ve istemcide hiçbir şey gösterilmez. |
ActionParameter
İşlem yöntemi çağrıldığında sağlanacak dize parametrelerinin listesi. Örneğin, şu üç erteleme düğmesini kullanabilirsiniz: Şimdi ertele, bir gün ertele veya gelecek hafta ertele. action method = snooze()
kullanarak dize parametreleri listesinde erteleme türünü ve erteleme süresini iletebilirsiniz.
Daha fazla bilgi için CommonEventObject
sayfasına bakın.
Alanlar | |
---|---|
key |
İşlem komut dosyası için parametrenin adı. |
value |
Parametrenin değeri. |
Etkileşim
İsteğe bağlı. İletişim kutusu açarken gereklidir.
Bir kullanıcıyla etkileşime (ör. bir kullanıcının kart mesajındaki bir düğmeyi tıklaması) yanıt olarak yapılması gereken işlem.
Belirtilmemişse uygulama normal şekilde bir action
çalıştırarak (ör. bir bağlantı açarak veya bir işlev çalıştırarak) yanıt verir.
Bir interaction
belirtildiğinde, uygulama özel etkileşimli yollarla yanıt verebilir. Örneğin, interaction
öğesini OPEN_DIALOG
olarak ayarladığınızda uygulama bir iletişim kutusu açabilir.
Belirtildiğinde, bir yükleme göstergesi gösterilmez.
Chat uygulamaları tarafından desteklenir ancak Google Workspace Eklentileri tarafından desteklenmez. Bir eklenti için belirtilirse kartın tamamı kaldırılır ve istemcide hiçbir şey gösterilmez.
Sıralamalar | |
---|---|
INTERACTION_UNSPECIFIED |
Varsayılan değer. action normal şekilde yürütülür. |
OPEN_DIALOG |
Chat uygulamalarının kullanıcılarla etkileşimde bulunmak için kullandığı pencereli, kart tabanlı bir arayüz olan iletişim kutusunu açar. Kart mesajlarındaki düğme tıklamalarına yanıt olarak yalnızca Chat uygulamaları tarafından desteklenir. Google Workspace Eklentileri tarafından desteklenmez. Bir eklenti için belirtilirse kartın tamamı kaldırılır ve istemcide hiçbir şey gösterilmez. |
LoadIndicator
Harekete geçirici mesajda bulunurken görüntülenen yükleme göstergesini belirtir.
Sıralamalar | |
---|---|
SPINNER |
İçeriğin yüklenmekte olduğunu belirten bir döner simge görüntüler. |
NONE |
Hiçbir şey gösterilmez. |
BorderStyle
Kenarlık türü ve rengi de dahil olmak üzere, bir kartın veya widget'ın kenarlığıyla ilgili stil seçenekleri.
Alanlar | |
---|---|
type |
Kenarlık türü. |
strokeColor |
Tür |
cornerRadius |
Kenarlığın köşe yarıçapı. |
BorderType
Widget'lara uygulanan kenarlık türlerini gösterir.
Sıralamalar | |
---|---|
BORDER_TYPE_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
NO_BORDER |
Varsayılan değer. Kenarlık yok. |
STROKE |
Özet. |
Düğme
Kullanıcıların tıklayabileceği bir metin, simge veya metin ve simge düğmesi. Google Chat uygulamalarıyla ilgili bir örnek için Düğme listesi bölümünü inceleyin.
Bir resmi tıklanabilir düğme yapmak için bir
(Image
değil) belirtin ve ImageComponent
onClick
işlemi ayarlayın.
Alanlar | |
---|---|
text |
Düğmenin içinde görüntülenen metin. |
icon |
Simge resmi. Hem |
color |
Ayarlanırsa düğme, düz bir arka plan rengiyle doldurulur ve yazı tipi rengi, arka plan rengiyle kontrastı koruyacak şekilde değişir. Örneğin, mavi bir arka plan ayarlamak büyük olasılıkla beyaz metinle sonuçlanabilir. Politika ayarlanmazsa resmin arka planı beyaz ve yazı tipi rengi mavi olur. Kırmızı, yeşil ve mavi için her bir alanın değeri, şu iki yöntemden birini kullanarak ifade edebileceğiniz bir İsteğe bağlı olarak
Örneğin, aşağıdaki renk yarı şeffaf kırmızıyı temsil eder:
|
onClick |
Zorunlu. Kullanıcı düğmeyi tıkladığında gerçekleştirilecek işlem (ör. köprü açma veya özel işlev çalıştırma). |
disabled |
|
altText |
Erişilebilirlik için kullanılan alternatif metin. Kullanıcılara düğmenin ne yaptığını bildiren açıklayıcı bir metin ayarlayın. Örneğin, bir düğme köprü açıyorsa şöyle yazabilirsiniz: "Yeni bir tarayıcı sekmesi açar ve https://developers.google.com/chat" adresindeki Google Chat geliştirici dokümanlarına gider. |
ButtonList
Yatay olarak düzenlenmiş düğmeler listesi. Google Chat uygulamalarıyla ilgili bir örnek için Düğme listesi bölümünü inceleyin.
Alanlar | |
---|---|
buttons[] |
Bir dizi düğme. |
Kart
Google Chat mesajında veya Google Workspace eklentisinde gösterilen kart arayüzü.
Kartlar; tanımlanmış bir düzeni, düğmeler gibi etkileşimli kullanıcı arayüzü öğelerini ve resim gibi rich media öğelerini destekler. Ayrıntılı bilgi sunmak, kullanıcılardan bilgi toplamak ve kullanıcıları bir sonraki adımı atmaya yönlendirmek için kartları kullanın.
Kartları nasıl oluşturacağınızı öğrenmek için aşağıdaki belgelere bakın:
- Google Chat uygulamaları için Kartlarla dinamik, etkileşimli ve tutarlı kullanıcı arayüzleri tasarlama başlıklı makaleyi inceleyin.
- Google Workspace Eklentileri için Kart tabanlı arayüzler başlıklı makaleyi inceleyin.
Örnek: Bir Google Chat uygulaması için kart mesajı
Google Chat'te örnek kart mesajını oluşturmak için aşağıdaki JSON kodunu kullanın:
{
"cardsV2": [
{
"cardId": "unique-card-id",
"card": {
"header": {
"title": "Sasha",
"subtitle": "Software Engineer",
"imageUrl":
"https://developers.google.com/chat/images/quickstart-app-avatar.png",
"imageType": "CIRCLE",
"imageAltText": "Avatar for Sasha",
},
"sections": [
{
"header": "Contact Info",
"collapsible": true,
"uncollapsibleWidgetsCount": 1,
"widgets": [
{
"decoratedText": {
"startIcon": {
"knownIcon": "EMAIL",
},
"text": "sasha@example.com",
}
},
{
"decoratedText": {
"startIcon": {
"knownIcon": "PERSON",
},
"text": "<font color=\"#80e27e\">Online</font>",
},
},
{
"decoratedText": {
"startIcon": {
"knownIcon": "PHONE",
},
"text": "+1 (555) 555-1234",
}
},
{
"buttonList": {
"buttons": [
{
"text": "Share",
"onClick": {
"openLink": {
"url": "https://example.com/share",
}
}
},
{
"text": "Edit",
"onClick": {
"action": {
"function": "goToView",
"parameters": [
{
"key": "viewType",
"value": "EDIT",
}
],
}
}
},
],
}
},
],
},
],
},
}
],
}
Alanlar | |
---|---|
header |
Kartın başlığı. Bir üstbilgi genellikle bir önde resim ve bir başlık içerir. Başlıklar her zaman kartın üst kısmında görünür. |
sections[] |
Bir widget koleksiyonu içerir. Her bölümün isteğe bağlı kendine ait başlığı vardır. Bölümler, bir çizgi ayırıcıyla görsel olarak ayrılır. Google Chat uygulamalarıyla ilgili bir örnek için Kart bölümüne göz atın. |
sectionDividerStyle |
Bölümler arasındaki ayırıcı stil. |
cardActions[] |
Kartın işlemleri. İşlemler, kartın araç çubuğu menüsüne eklenir. Chat uygulama kartlarının araç çubuğu olmadığından Örneğin, aşağıdaki JSON'de
|
name |
Kartın adı. Kart gezinmesinde kart tanımlayıcı olarak kullanılır. Chat uygulamaları kartta gezinmeyi desteklemediğinden bu alanı yoksayar. |
fixedFooter |
Bu kartın alt kısmında gösterilen sabit altbilgi.
Google Workspace Eklentileri ve Chat uygulamaları tarafından desteklenir. Chat uygulamalarında, iletişim kutularında sabit altbilgileri kullanabilirsiniz, ancak kart mesajlarını kullanamazsınız. |
displayStyle |
Google Workspace eklentilerinde, Chat uygulamaları tarafından desteklenmez. |
peekCardHeader |
Bağlamsal içerik görüntülerken, kısa arama kartı başlığı bir yer tutucu görevi görür. Böylece kullanıcı, ana sayfa kartları ile içerik kartları arasında ilerleyebilir. Chat uygulamaları tarafından desteklenmez. |
CardAction
Kart işlemi, kartla ilişkilendirilmiş işlemdir. Örneğin, fatura kartları faturayı silme veya faturayı e-postayla gönderme veya faturayı bir tarayıcıda açma gibi işlemler içerebilir.
Chat uygulamaları tarafından desteklenmez.
Alanlar | |
---|---|
actionLabel |
İşlem menüsü öğesi olarak görüntülenen etiket. |
onClick |
Bu işlem öğesi için |
CardHeader
Bir kart başlığını temsil eder. Google Chat uygulamalarıyla ilgili bir örnek için Kart başlığı bölümüne bakın.
Alanlar | |
---|---|
title |
Zorunlu. Kart başlığının başlığı. Başlığın yüksekliği sabittir: Hem başlık hem de alt başlık belirtilirse her biri bir satır kaplar. Yalnızca başlık belirtilirse başlık her iki satırı da kullanır. |
subtitle |
Kart başlığının alt başlığı. Belirtilmişse |
imageType |
Resmi kırpmak için kullanılan şekil. |
imageUrl |
Kart başlığındaki resmin HTTPS URL'si. |
imageAltText |
Bu resmin erişilebilirlik için kullanılan alternatif metni. |
DisplayStyle
Google Workspace Eklentilerinde, kartların nasıl gösterileceğini belirler.
Chat uygulamaları tarafından desteklenmez.
Sıralamalar | |
---|---|
DISPLAY_STYLE_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
PEEK |
Kartın başlığı kenar çubuğunun en altında görünür ve kartın en üstündeki mevcut kartı kısmen kaplar. Başlığı tıkladığınızda kart, kart yığınına yerleştirilir. Kartta başlık yoksa bunun yerine oluşturulmuş bir başlık kullanılır. |
REPLACE |
Varsayılan değer. Kart, kart yığınının en üstündeki kartın görünümü yerine yenisi ile gösterilir. |
DividerStyle
Kartın bölme stili. Şu anda yalnızca kart bölümleri arasındaki ayırıcılar için kullanılmaktadır.
Sıralamalar | |
---|---|
DIVIDER_STYLE_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
SOLID_DIVIDER |
Varsayılan seçenek. Bölümler arasında kesintisiz bir ayırıcı oluşturun. |
NO_DIVIDER |
Ayarlanırsa bölümler arasında ayırıcı oluşturulmaz. |
Bölüm
Bölüm, belirtildikleri sıraya göre dikey olarak oluşturulan bir widget koleksiyonunu içerir.
Alanlar | |
---|---|
header |
Bölümün üst kısmında görünen metin. Basit HTML biçimli metinleri destekler. Metin biçimlendirme hakkında daha fazla bilgi için Google Chat uygulamalarında metni biçimlendirme ve Google Workspace Eklentilerinde metni biçimlendirme başlıklı makaleleri inceleyin. |
widgets[] |
Bölümdeki tüm widget'lar. En az bir widget içermelidir. |
collapsible |
Bu bölümün daraltılabilir olup olmadığını belirtir. Daraltılabilir bölümler, widget'ların bazılarını veya tümünü gizler. Ancak kullanıcılar, Daha fazla göster'i tıklayarak bölümü genişleterek gizli widget'ların görünmesini sağlayabilir. Kullanıcılar Daha az göster'i tıklayarak widget'ları tekrar gizleyebilir. Hangi widget'ların gizli olduğunu belirlemek için |
uncollapsibleWidgetsCount |
Bir bölüm daraltıldığında bile görünür kalan daraltılamaz widget'ların sayısı. Örneğin, bir bölüm beş widget içerdiğinde ve |
Sütunlar
Columns
widget'ı, bir kart mesajında veya iletişim kutusunda en fazla 2 sütun gösterir. Her bir sütuna widget ekleyebilirsiniz. Widget'lar belirtildikleri sırayla görünür. Google Chat uygulamalarıyla ilgili bir örnek için Sütunlar bölümüne bakın.
Her sütunun yüksekliği uzun sütuna göre belirlenir. Örneğin, ilk sütun ikinci sütundan daha uzunsa her iki sütun da ilk sütunun yüksekliğine sahip olur. Her sütun farklı sayıda widget içerebileceğinden, sütunlar arasında satır tanımlayamaz veya widget'ları hizalayamazsınız.
Sütunlar yan yana gösterilir. HorizontalSizeStyle
alanını kullanarak her bir sütunun genişliğini özelleştirebilirsiniz. Kullanıcının ekran genişliği çok darsa ikinci sütun birincinin altına kaydırılır:
- Web'de, ekran genişliği 480 pikselden az veya 480 piksele eşitse ikinci sütun kaydırılır.
- iOS cihazlarda, ekran genişliği 300 punto veya daha az olduğunda ikinci sütun kaydırılır.
- Android cihazlarda, ekran genişliği 320 dp'den az veya 320 dp'ye eşitse ikinci sütun kaydırılır.
2'den fazla sütun eklemek veya satır kullanmak için
widget'ını kullanın.Grid
Chat uygulamaları tarafından desteklenir ancak Google Workspace Eklentileri tarafından desteklenmez.
Alanlar | |
---|---|
columnItems[] |
Sütun dizisi. Bir karta veya iletişim kutusuna en fazla 2 sütun ekleyebilirsiniz. |
Sütun
Bir sütun.
Alanlar | |
---|---|
horizontalSizeStyle |
Bir sütunun, kartın genişliğini nasıl dolduracağını belirtir. |
horizontalAlignment |
Widget'ların bir sütunun soluna, sağına veya ortasına hizalanıp hizalanmayacağını belirtir. |
verticalAlignment |
Widget'ların bir sütunun üstüne, altına veya ortasına hizalanıp hizalanmayacağını belirtir. |
widgets[] |
Bir sütuna dahil edilen widget dizisidir. Widget'lar belirtildikleri sırada görünür. |
HorizontalSizeStyle
Bir sütunun, kartın genişliğini nasıl dolduracağını belirtir. Her sütunun genişliği hem HorizontalSizeStyle
öğesine hem de sütundaki widget'ların genişliğine bağlıdır.
Sıralamalar | |
---|---|
HORIZONTAL_SIZE_STYLE_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
FILL_AVAILABLE_SPACE |
Varsayılan değer. Sütun, kart genişliğinin% 70'ine kadar kullanılabilir alanı kaplar. Her iki sütun da FILL_AVAILABLE_SPACE değerine ayarlanırsa her sütun alanın% 50'sini kaplar. |
FILL_MINIMUM_SPACE |
Sütun, mümkün olan en az alanı ve kart genişliğinin en fazla% 30'unu kaplar. |
VerticalAlignment
Widget'ların bir sütunun üstüne, altına veya ortasına hizalanıp hizalanmayacağını belirtir.
Sıralamalar | |
---|---|
VERTICAL_ALIGNMENT_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
CENTER |
Varsayılan değer. Widget'ları bir sütunun ortasına hizalar. |
TOP |
Widget'ları bir sütunun üst kısmına hizalar. |
BOTTOM |
Widget'ları bir sütunun altına hizalar. |
Widget'lar
Bir sütuna ekleyebileceğiniz desteklenen widget'lar.
Alanlar | |
---|---|
|
|
textParagraph |
|
image |
|
decoratedText |
|
buttonList |
|
textInput |
|
selectionInput |
|
dateTimePicker |
|
DateTimePicker
Kullanıcıların tarih, saat veya hem tarih hem de saat girmelerine olanak tanır. Google Chat uygulamalarıyla ilgili bir örnek için Tarih saat seçici başlıklı makaleyi inceleyin.
Kullanıcılar metin girebilir veya tarih ve saat seçmek için seçiciyi kullanabilir. Kullanıcılar geçersiz bir tarih veya saat girerse seçici, kullanıcılardan bilgileri doğru girmelerini isteyen bir hata gösterir.
Alanlar | |
---|---|
name |
Bir form giriş etkinliğinde Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
label |
Kullanıcılardan tarih, saat veya tarih ve saat girmelerini isteyen metin. Örneğin, kullanıcılar randevu planlıyorsa |
type |
Widget'ın tarih, saat veya tarih ve saat girmeyi destekleyip desteklemediği. |
valueMsEpoch |
Unix dönem zamanından itibaren widget'ta görüntülenen varsayılan değer (milisaniye cinsinden). Seçicinin türüne göre (
|
timezoneOffsetDate |
Saat diliminin UTC ile dakika farkını gösteren sayı. Ayarlanırsa |
onChangeAction |
Kullanıcı |
DateTimePickerType
DateTimePicker
widget'ındaki tarih ve saat biçimi. Kullanıcıların tarih, saat veya hem tarih hem de saat girip giremeyeceğini belirler.
Sıralamalar | |
---|---|
DATE_AND_TIME |
Kullanıcılar bir tarih ve saat girer. |
DATE_ONLY |
Kullanıcılar bir tarih girer. |
TIME_ONLY |
Kullanıcılar zaman girişi yapar. |
DecoratedText
Metnin üstünde veya altında etiket, metnin önünde bir simge, seçim widget'ı veya metinden sonra gelen bir düğme gibi isteğe bağlı süslemelerle metin görüntüleyen bir widget. Google Chat uygulamalarıyla ilgili bir örnek için Süslenmiş metin başlıklı makaleyi inceleyin.
Alanlar | |
---|---|
icon |
|
startIcon |
Metnin önünde gösterilen simge. |
topLabel |
|
text |
Zorunlu. Birincil metin. Basit biçimlendirmeyi destekler. Metin biçimlendirme hakkında daha fazla bilgi için Google Chat uygulamalarında metni biçimlendirme ve Google Workspace Eklentilerinde metni biçimlendirme başlıklı makaleleri inceleyin. |
wrapText |
Metni kaydırma ayarı.
|
bottomLabel |
|
onClick |
Bu işlem, kullanıcılar |
control alanı. decoratedText widget'ında metnin sağ tarafında görünen bir düğme, anahtar, onay kutusu veya resim. control şunlardan yalnızca biri olabilir: |
|
button |
Kullanıcının bir işlemi tetiklemek için tıklayabileceği düğme. |
switchControl |
Kullanıcının, durumunu değiştirmek ve bir işlemi tetiklemek için tıklayabileceği anahtar widget'ı. |
endIcon |
Metinden sonra bir simge görüntülenir. |
SwitchControl
Açma/kapatma stilinde bir anahtar veya decoratedText
widget'ının içindeki onay kutusu.
Yalnızca decoratedText
widget'ında desteklenir.
Alanlar | |
---|---|
name |
Bir form giriş etkinliğinde geçiş widget'ının tanımlandığı ad. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
value |
Form giriş etkinliğinin bir parçası olarak döndürülen ve kullanıcı tarafından girilen değer. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
selected |
|
onChangeAction |
Anahtar durumu değiştirildiğinde gerçekleştirilecek işlem (ör. hangi işlevin çalıştırılacağı). |
controlType |
Anahtarın kullanıcı arayüzünde nasıl göründüğü. |
ControlType
Anahtarın kullanıcı arayüzünde nasıl göründüğü.
Sıralamalar | |
---|---|
SWITCH |
Açma/kapatma tarzı bir anahtar. |
CHECKBOX |
CHECK_BOX kullanılması amacıyla kullanımdan kaldırıldı. |
CHECK_BOX |
Onay kutusu. |
Ayırıcı
Bu türde alan yok.
Widget'lar arasındaki bir ayırıcıyı yatay bir çizgi olarak görüntüler. Google Chat uygulamalarıyla ilgili bir örnek için Bölen bölümüne bakın.
Örneğin, aşağıdaki JSON bir ayırıcı oluşturur:
"divider": {}
GetAutocompletionResponse
Metin alanında otomatik tamamlama öğelerini göstermek için gerekli öğeleri içeren otomatik tamamlama kapsayıcı alma yanıtı. Örneğin:
{
"autoComplete": {
"items": [
{
"text": "C++"
},
{
"text": "Java"
},
{
"text": "JavaScript"
},
{
"text": "Python"
}
]
}
}
Alanlar | |
---|---|
autoComplete |
|
schema |
Bu, söz dizimi kontrolü için işaretlemede mevcut olabilecek işlemsiz bir şema alanıdır. |
Tablo
Öğe koleksiyonunu içeren bir ızgara görüntüler. Öğeler yalnızca metin veya resim içerebilir. Duyarlı sütunlar için veya metin ya da resimden daha fazlasını eklemek için
kullanın. Google Chat uygulamalarıyla ilgili bir örnek için Izgara bölümünü inceleyin.Columns
Bir ızgara, herhangi bir sayıda sütun ve öğeyi destekler. Satır sayısı, öğelerin sütunlara bölünmesiyle belirlenir. 10 öğeli ve 2 sütunlu bir ızgarada 5 satır bulunur. 11 öğe ve 2 sütunlu bir ızgarada 6 satır bulunur.
Örneğin, aşağıdaki JSON tek bir öğe içeren 2 sütunlu bir ızgara oluşturur:
"grid": {
"title": "A fine collection of items",
"columnCount": 2,
"borderStyle": {
"type": "STROKE",
"cornerRadius": 4
},
"items": [
{
"image": {
"imageUri": "https://www.example.com/image.png",
"cropStyle": {
"type": "SQUARE"
},
"borderStyle": {
"type": "STROKE"
}
},
"title": "An item",
"textAlignment": "CENTER"
}
],
"onClick": {
"openLink": {
"url": "https://www.example.com"
}
}
}
Alanlar | |
---|---|
title |
Izgara başlığında gösterilen metin. |
items[] |
Izgarada gösterilecek öğeler. |
borderStyle |
Her bir ızgara öğesine uygulanacak kenarlık stili. |
columnCount |
Izgarada görüntülenecek sütun sayısı. Bu alan belirtilmezse varsayılan değer kullanılır ve bu varsayılan değer, ızgaranın gösterildiği yere göre farklı olur (iletişim kutusu veya tamamlayıcı). |
onClick |
Bu geri çağırma, her bir ızgara öğesi tarafından yeniden kullanılır ancak geri çağırmanın parametrelerine öğe listesindeki öğe tanımlayıcısı ve dizini eklenir. |
GridItem
Bir öğeyi ızgara düzeninde temsil eder. Öğeler metin, resim veya hem metin hem de resim içerebilir.
Alanlar | |
---|---|
id |
Bu tablo öğesi için kullanıcı tarafından belirtilen tanımlayıcı. Bu tanımlayıcı, üst tablonun |
image |
Izgara öğesinde gösterilen resim. |
title |
Izgara öğesinin başlığı. |
subtitle |
Izgara öğesinin alt başlığı. |
layout |
Izgara öğesi için kullanılacak düzen. |
GridItemLayout
Bir ızgara öğesi için kullanılabilen çeşitli düzen seçeneklerini gösterir.
Sıralamalar | |
---|---|
GRID_ITEM_LAYOUT_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
TEXT_BELOW |
Başlık ve alt başlık, ızgara öğesi resminin altında gösterilir. |
TEXT_ABOVE |
Başlık ve alt başlık, ızgara öğesi resminin üzerinde gösterilir. |
Simge
Bir karttaki widget'ta görüntülenen simge. Google Chat uygulamalarıyla ilgili bir örnek için Simge bölümüne bakın.
Alanlar | |
---|---|
altText |
İsteğe bağlı. Erişilebilirlik için kullanılan simgenin açıklaması. Belirtilmezse varsayılan değer Simge bir |
imageType |
Resme uygulanan kırpma stili. Bazı durumlarda, |
icons alanı. Karttaki widget'ta gösterilen simge. icons şunlardan yalnızca biri olabilir: |
|
knownIcon |
Google Workspace tarafından sağlanan yerleşik simgelerden birini görüntüleyin. Örneğin, uçak simgesini görüntülemek için Desteklenen simgelerin tam listesi için yerleşik simgeler konusuna bakın. |
iconUrl |
HTTPS URL'sinde barındırılan bir özel simge gösterme. Örneğin:
Desteklenen dosya türleri arasında |
Resim
Bir URL ile belirtilen ve onClick
işlemi olabilen bir resim. Örneğin, Resim konusuna bakın.
Alanlar | |
---|---|
imageUrl |
Resmi barındıran HTTPS URL'si. Örneğin:
|
onClick |
Kullanıcı resmi tıkladığında, tıklama bu işlemi tetikler. |
altText |
Bu resmin erişilebilirlik için kullanılan alternatif metni. |
ImageComponent
Bir resmi temsil eder.
Alanlar | |
---|---|
imageUri |
Resim URL'si. |
altText |
Resmin erişilebilirlik etiketi. |
cropStyle |
Resme uygulanacak kırpma stili. |
borderStyle |
Resme uygulanacak kenarlık stili. |
ImageCropStyle
Bir resme uygulanan kırpma stilini temsil eder.
Örneğin, 16:9 en boy oranının nasıl uygulanacağı aşağıda açıklanmıştır:
cropStyle {
"type": "RECTANGLE_CUSTOM",
"aspectRatio": 16/9
}
Alanlar | |
---|---|
type |
Kırpma türü. |
aspectRatio |
Kırpma türü Örneğin, 16:9 en boy oranının nasıl uygulanacağı aşağıda açıklanmıştır:
|
ImageCropType
Bir resme uygulanan kırpma stilini temsil eder.
Sıralamalar | |
---|---|
IMAGE_CROP_TYPE_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
SQUARE |
Varsayılan değer. Kare kırpma uygular. |
CIRCLE |
Dairesel kırpma uygular. |
RECTANGLE_CUSTOM |
Özel bir en boy oranına sahip dikdörtgen kırpma işlemi uygular. aspectRatio ile özel en boy oranını ayarlayın. |
RECTANGLE_4_3 |
4:3 en boy oranına sahip dikdörtgen kırpma işlemi uygular. |
Bağlantı
Eklentiye döndürülen üçüncü taraf kaynak için bağlantı nesnesi.
Alanlar | |
---|---|
url |
Eklentiye dönülecek bağlantının URL'si. |
title |
Eklentiye dönülecek bağlantının başlığı. |
LinkPreview
Bir kart ve akıllı çip görüntüleyerek üçüncü taraf bağlantısını önizleyen kart işlemi. Daha fazla bilgi için Akıllı çiplerle bağlantıları önizleme başlıklı makaleyi inceleyin.
Örneğin, aşağıdaki JSON, bağlantı önizlemesi ve akıllı çipi için benzersiz bir başlık ve başlık ile metin açıklaması içeren bir önizleme kartı döndürür:
{
"action": {
"linkPreview": {
"title": "Smart chip title",
"linkPreviewTitle": "Link preview title",
"previewCard": {
"header": {
"title": "Preview card header",
},
"sections": [
{
"widgets": [
{
"textParagraph": {
"text": "Description of the link."
}
}
]
}
]
}
}
}
}
Örnek, aşağıdaki bağlantı önizlemesini döndürür:
Alanlar | |
---|---|
previewCard |
Üçüncü taraf hizmetlerinden alınan bir bağlantıyla ilgili bilgileri gösteren kart. |
title |
Bağlantı önizlemesinin akıllı çipinde gösterilen başlık. Politika ayarlanmazsa akıllı çip, |
linkPreviewTitle |
Bağlantı önizlemesinde gösterilen başlık. Politika ayarlanmadan bırakılırsa bağlantı önizlemesi |
Bildirim
Ana makine uygulamasında bir bildirim görüntüleyen kart işlemi.
Alanlar | |
---|---|
text |
Bildirim için görüntülenecek düz metin (HTML etiketleri olmadan). |
OnClick
Kullanıcılar karttaki düğme gibi etkileşimli bir öğeyi tıkladığında nasıl yanıt verileceğini gösterir.
Alanlar | |
---|---|
|
|
action |
Belirtilirse bu |
openLink |
Belirtilirse bu |
openDynamicLinkAction |
Bir eklenti, işlemin bir bağlantıyı açması gerektiğinde bu işlemi tetikler. Yukarıdaki |
card |
Belirtilmişse yeni bir kart, tıklandıktan sonra kart yığınına aktarılır. Google Workspace Eklentileri tarafından desteklenir ancak Google Chat uygulamaları tarafından desteklenmez. |
OpenLink
Bir köprü açan onClick
etkinliğini temsil eder.
Alanlar | |
---|---|
url |
Açılacak URL. |
openAs |
Bağlantılar nasıl açılır? Chat uygulamaları tarafından desteklenmez. |
onClose |
Müşterinin bir bağlantıyı açtıktan sonra unuttuğu mu yoksa pencere kapanana kadar bağlantıyı mı gözlemlediği. Chat uygulamaları tarafından desteklenmez. |
OnClose
OnClick
işlemiyle açılan bir bağlantı kapatıldığında istemcinin yaptığı işlem.
Uygulama, müşteri platformu özelliklerine bağlıdır. Örneğin, bir web tarayıcısı OnClose
işleyicisini içeren bir pop-up pencerede bağlantıyı açabilir.
Hem OnOpen
hem de OnClose
işleyicileri ayarlanırsa ve istemci platformu her iki değeri de desteklemiyorsa OnClose
öncelikli olur.
Google Workspace Eklentileri tarafından desteklenir ancak Google Chat uygulamaları tarafından desteklenmez.
Sıralamalar | |
---|---|
NOTHING |
Varsayılan değer. Kart yeniden yüklenmez; hiçbir şey olmaz. |
RELOAD |
Alt pencere kapandıktan sonra kartı yeniden yükler.
|
OpenAs
OnClick
işlemi bir bağlantı açtığında, istemci bunu tam boyutlu bir pencere (istemci tarafından kullanılan çerçeveyse) veya yer paylaşımı (pop-up gibi) olarak açabilir. Uygulama, müşteri platformunun özelliklerine bağlıdır ve seçilen değer müşteri desteklemiyorsa yoksayılabilir. FULL_SIZE
tüm istemciler tarafından desteklenir.
Google Workspace Eklentileri tarafından desteklenir ancak Google Chat uygulamaları tarafından desteklenmez.
Sıralamalar | |
---|---|
FULL_SIZE |
Bağlantı, tam boyutlu bir pencere (istemci tarafından kullanılan çerçeveyse) olarak açılır. |
OVERLAY |
Bağlantı, pop-up gibi bir yer paylaşımı olarak açılır. |
RenderActions
Bir karta işlem yapmasını ve/veya eklenti ana makine uygulamasına uygulamaya özgü bir işlem yapmasını söyleyen oluşturma talimatları grubu.
Alanlar | |
---|---|
action |
|
hostAppAction |
Bağımsız ana makine uygulamaları tarafından işlenen işlemler. |
schema |
Bu, söz dizimi kontrolü için işaretlemede mevcut olabilecek işlemsiz bir şema alanıdır. |
İşlem
Alanlar | |
---|---|
navigations[] |
Gösterilen kartları itin, patlatın veya güncelleyin. |
link |
Hedef bağlantıyı yeni bir sekmede veya pop-up'ta hemen açın. |
notification |
Son kullanıcıya bildirim gösterin. |
linkPreview |
Son kullanıcıya bağlantı önizlemesi görüntüleme. |
links[] |
Bir Google Workspace uygulamasından oluşturulan üçüncü taraf kaynağın bağlantısı. Tek bir öğe içeren nesne dizisi olarak biçimlendirilir. Dizideki diğer öğeler yoksayılır. |
SelectionInput
Kullanıcıların seçebileceği bir veya daha fazla kullanıcı arayüzü öğesi oluşturan widget. Örneğin, açılır menü veya onay kutuları. Tahmin edilebilen veya numaralandırılabilir verileri toplamak için bu widget'ı kullanabilirsiniz. Google Chat uygulamalarıyla ilgili bir örnek için Seçim girişi başlıklı makaleyi inceleyin.
Chat uygulamaları, kullanıcıların seçtiği veya girdiği öğelerin değerini işleyebilir. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin.
Kullanıcılardan tanımlanmamış veya soyut veriler toplamak için TextInput
widget'ını kullanın.
Alanlar | |
---|---|
name |
Bir form giriş etkinliğindeki seçim girişini tanımlayan ad. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
label |
Kullanıcı arayüzünde, seçim giriş alanının üzerinde görünen metin. Kullanıcının, uygulamanızın ihtiyacı olan bilgileri girmesine yardımcı olacak metni belirtin. Örneğin, kullanıcılar açılır menüden iş biletinin aciliyetini seçiyorsa "Aciliyet" veya "Aciliyet durumunu seçin" etiketi olabilir. |
type |
Bir |
items[] |
Seçilebilir öğelerden oluşan bir dizi. Örneğin, bir dizi radyo düğmesi veya onay kutusu. 100 adede kadar öğeyi destekler. |
onChangeAction |
Belirtilmişse form, seçim değiştiğinde gönderilir. Belirtilmemişse formu gönderen ayrı bir düğme belirtmeniz gerekir. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
multiSelectMaxSelectedItems |
Çoklu seçim menüleri için, bir kullanıcının seçebileceği maksimum öğe sayısı. Minimum değer 1 öğedir. Belirtilmemişse varsayılan olarak 3 öğe olur. |
multiSelectMinQueryLength |
Çoklu seçim menülerinde, kullanıcının Chat uygulaması sorgulamasından önce girdiği metin karakteri sayısı otomatik olarak tamamlanır ve menüde önerilen öğeler gösterilir. Belirtilmemişse varsayılan olarak statik veri kaynakları için 0 karakter, harici veri kaynakları için 3 karakter varsayılan olur. |
multi_select_data_source alanı. Yalnızca sohbet uygulamaları. Çoklu seçim menüsü için, seçim öğelerini dolduran veri kaynağı. multi_select_data_source şunlardan yalnızca biri olabilir: |
|
externalDataSource |
İlişkisel veri tabanı gibi harici bir veri kaynağı. |
platformDataSource |
Google Workspace'ten bir veri kaynağı. |
PlatformDataSource
Yalnızca sohbet uygulamaları. Çoklu seçim menüsü kullanan
widget'ı için Google Workspace'ten bir veri kaynağı. Çoklu seçim menüsündeki öğeleri doldurmak için kullanılır.SelectionInput
Alanlar | |
---|---|
data_source alanı. Veri kaynağı. data_source şunlardan yalnızca biri olabilir: |
|
commonDataSource |
Tüm Google Workspace uygulamaları (ör. bir Google Workspace kuruluşundaki kullanıcılar) tarafından paylaşılan veri kaynağı. |
hostAppDataSource |
Google Chat'teki alanlar gibi Google Workspace ana makine uygulamasına özgü veri kaynağı. |
CommonDataSource
Yalnızca sohbet uygulamaları. Tüm Google Workspace uygulamaları tarafından paylaşılan bir veri kaynağı.
Sıralamalar | |
---|---|
UNKNOWN |
Varsayılan değer. Kullanmayın. |
USER |
Google Workspace kullanıcıları Kullanıcı yalnızca kendi Google Workspace kuruluşundaki kullanıcıları görüntüleyebilir ve seçebilir. |
SelectionItem
Kullanıcıların bir seçim girişinde seçebileceği, onay kutusu veya anahtar gibi bir öğe.
Alanlar | |
---|---|
text |
Öğeyi tanımlayan veya kullanıcılara açıklayan metin. |
value |
Bu öğeyle ilişkilendirilen değer. Müşteri bunu bir form girişi değeri olarak kullanmalıdır. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
selected |
Öğenin varsayılan olarak seçili olup olmadığı. Seçim girişi yalnızca bir değer kabul ediyorsa (radyo düğmeleri veya açılır menü gibi) bu alanı yalnızca bir öğe için ayarlayın. |
startIconUri |
Çoklu seçim menülerinde, öğenin |
bottomText |
Çoklu seçim menüleri için, öğenin |
SelectionType
Kullanıcıların seçebileceği öğelerin biçimi. Farklı seçenekler farklı etkileşim türlerini destekler. Örneğin, kullanıcılar birden çok onay kutusu işaretleyebilir, ancak açılır menüden yalnızca bir öğe seçebilir.
Her seçim girişi bir seçim türünü destekler. Örneğin, onay kutuları ve anahtarların birlikte kullanılması desteklenmez.
Sıralamalar | |
---|---|
CHECK_BOX |
Bir dizi onay kutusu. Kullanıcılar bir veya daha fazla onay kutusunu işaretleyebilir. |
RADIO_BUTTON |
Bir dizi radyo düğmesi. Kullanıcılar bir radyo düğmesi seçebilir. |
SWITCH |
Bir anahtar grubu. Kullanıcılar bir veya daha fazla anahtarı açabilir. |
DROPDOWN |
Açılır menü. Kullanıcılar menüden bir öğe seçebilir. |
MULTI_SELECT |
Chat uygulamaları tarafından desteklenir ancak Google Workspace Eklentileri tarafından desteklenmez. Statik veya dinamik veriler için çoklu seçim menüsü. Kullanıcılar, menü çubuğundan bir veya daha fazla öğe seçer. Kullanıcılar dinamik verileri doldurmak için değer de girebilir. Örneğin, kullanıcılar bir Google Chat alanının adını yazmaya başlayabilir. Widget, alanı otomatik olarak önerir. Çoklu seçim menüsündeki öğeleri doldurmak için aşağıdaki veri kaynağı türlerinden birini kullanabilirsiniz:
Çoklu seçim menülerinin nasıl uygulanacağına ilişkin örnekler için |
SubmitFormResponse
Kartın gerçekleştirmesi gereken işlemleri ve/veya eklenti barındırma uygulamasının gerçekleştirmesi gereken işlemleri ve kart durumunun değişip değişmediğini içeren bir otomatik tamamlama kapsayıcısı alma dışında form gönderme işlemine verilen yanıt. Örneğin:
{
"renderActions": {
"action": {
"notification": {
"text": "Email address is added: salam.heba@example.com"
}
},
"hostAppAction": {
"gmailAction": {
"openCreatedDraftAction": {
"draftId": "msg-a:r-79766936926021702",
"threadServerPermId": "thread-f:15700999851086004"
}
}
}
}
}
Alanlar | |
---|---|
renderActions |
Karta bir işlem yapmasını ve/veya eklenti ana makine uygulamasına uygulamaya özgü bir işlem yapmasını söyleyen oluşturma talimatları grubu. |
stateChanged |
Kartların durumunun değişip değişmediği ve mevcut kartlardaki verilerin eski olup olmadığı. |
schema |
Bu, söz dizimi kontrolü için işaretlemede bulunabilecek işlemsiz bir şema alanıdır. |
Öneriler
Kullanıcıların girebileceği önerilen değerler. Bu değerler, kullanıcılar metin giriş alanının içini tıkladığında görünür. Önerilen değerler, kullanıcılar yazdıkça, kullanıcıların yazdıklarıyla eşleşecek şekilde dinamik olarak filtrelenir.
Örneğin, programlama dili için bir metin giriş alanı Java, JavaScript, Python ve C++ önerilerini önerebilir. Kullanıcılar Jav
yazmaya başladığında, öneri listesinde Java
ve JavaScript
gösterilir.
Önerilen değerler, uygulamanızın anlamlandırabileceği değerler girmeleri için kullanıcılara yol gösterir. JavaScript'ten bahsederken bazı kullanıcılar javascript
, diğerleri java script
girebilir. JavaScript
önermek, kullanıcıların uygulamanızla etkileşimde bulunma şeklini standart hale getirebilir.
Bu parametre belirtildiğinde TextInput.type
, MULTIPLE_LINE
olarak ayarlanmış olsa bile her zaman SINGLE_LINE
olur.
Alanlar | |
---|---|
items[] |
Metin giriş alanlarında otomatik tamamlama önerileri için kullanılan önerilerin listesi. |
SuggestionItem
Kullanıcıların metin giriş alanına girebileceği önerilen bir değer.
Alanlar | |
---|---|
|
|
text |
Metin giriş alanında önerilen bir girişin değeri. Bu sayı, kullanıcıların kendi girişleriyle eşdeğerdir. |
TextInput
Kullanıcıların metin girebileceği bir alan. Önerileri ve değişiklik yapılan işlemleri destekler. Google Chat uygulamalarıyla ilgili bir örnek için Metin girişi bölümünü inceleyin.
Chat uygulamaları, form giriş etkinlikleri sırasında girilen metnin değerini alır ve işleyebilir. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin.
Kullanıcılardan tanımlanmamış veya soyut veri toplamanız gerektiğinde metin girişi kullanın. Kullanıcılardan tanımlanmış veya numaralandırılmış verileri toplamak için SelectionInput
widget'ını kullanın.
Alanlar | |
---|---|
name |
Form giriş etkinliğinde metin girişinin tanımlandığı ad. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
label |
Kullanıcı arayüzünde, metin giriş alanının üzerinde görünen metin. Kullanıcının, uygulamanızın ihtiyacı olan bilgileri girmesine yardımcı olacak metni belirtin. Örneğin, birinin adını soruyor ancak özellikle soyadına ihtiyacınız varsa
|
hintText |
Metin giriş alanının altında görünen, kullanıcılara belirli bir değer girmelerini isteyerek yardımcı olmak amaçlanan metin. Bu metin her zaman görünür durumda.
|
value |
Form giriş etkinliğinin bir parçası olarak döndürülen ve kullanıcı tarafından girilen değer. Form girişleriyle çalışmayla ilgili ayrıntılar için Form verilerini alma başlıklı makaleyi inceleyin. |
type |
Metin giriş alanının kullanıcı arayüzünde nasıl göründüğü. Örneğin, alanın tek mi yoksa çok satırlı mı olduğu. |
onChangeAction |
Metin giriş alanında bir değişiklik olduğunda yapılması gerekenler. Örneğin, bir kullanıcının alana ekleme yapması veya metni silmesi. Yapmanız gereken işlemlere örnek olarak özel işlev çalıştırmak veya Google Chat'te iletişim kutusu açmak verilebilir. |
initialSuggestions |
Kullanıcıların girebileceği önerilen değerler. Bu değerler, kullanıcılar metin giriş alanının içini tıkladığında görünür. Önerilen değerler, kullanıcılar yazdıkça, kullanıcıların yazdıklarıyla eşleşecek şekilde dinamik olarak filtrelenir. Örneğin, programlama dili için bir metin giriş alanı Java, JavaScript, Python ve C++ önerilerini önerebilir. Kullanıcılar Önerilen değerler, uygulamanızın anlamlandırabileceği değerler girmeleri için kullanıcılara yol gösterir. JavaScript'ten bahsederken bazı kullanıcılar Bu parametre belirtildiğinde |
autoCompleteAction |
İsteğe bağlı. Metin giriş alanı, kendisiyle etkileşimde bulunan kullanıcılara öneriler sağladığında hangi işlemin yapılacağını belirtin. Belirtilmemesi halinde öneriler Belirtilirse uygulama, burada belirtilen işlemi (ör. özel bir işlev çalıştırmak) gerçekleştirir. Google Workspace Eklentileri tarafından desteklenir ancak Google Chat uygulamaları tarafından desteklenmez. |
placeholderText |
Alan boş olduğunda metin giriş alanında görünen metin. Kullanıcılardan bir değer girmelerini istemek için bu metni kullanın. Örneğin, Google Chat uygulamaları tarafından desteklenir ancak Google Workspace Eklentileri tarafından desteklenmez. |
Tür
Metin giriş alanının kullanıcı arayüzünde nasıl göründüğü. Örneğin, tek satırlı bir giriş alanı veya çok satırlı bir giriş olabilir.
initialSuggestions
belirtilirse type
, MULTIPLE_LINE
olarak ayarlanmış olsa bile her zaman SINGLE_LINE
olur.
Sıralamalar | |
---|---|
SINGLE_LINE |
Metin giriş alanının sabit yüksekliği bir satırdır. |
MULTIPLE_LINE |
Metin giriş alanı sabit olarak birden çok satır yüksekliğine sahip. |
TextParagraph
Biçimlendirmeyi destekleyen bir metin paragrafı. Google Chat uygulamalarıyla ilgili bir örnek için Metin paragrafı bölümünü inceleyin. Metin biçimlendirme hakkında daha fazla bilgi için Google Chat uygulamalarında metni biçimlendirme ve Google Workspace Eklentilerinde metni biçimlendirme başlıklı makaleleri inceleyin.
Alanlar | |
---|---|
text |
Widget'ta gösterilen metin. |
Widget
Her kart, widget'lardan oluşur.
Widget; metin, resim, düğme ve diğer nesne türlerinden birini temsil edebilen bileşik bir nesnedir.
Alanlar | |
---|---|
horizontalAlignment |
Widget'ların bir sütunun soluna, sağına veya ortasına hizalanıp hizalanmayacağını belirtir. |
data alanı. Bir widget'ta aşağıdakilerden yalnızca biri olabilir. Daha fazla öğe görüntülemek için birden çok widget alanı kullanabilirsiniz. data şunlardan yalnızca biri olabilir: |
|
textParagraph |
Bir metin paragrafı görüntüler. Basit HTML biçimli metinleri destekler. Metin biçimlendirme hakkında daha fazla bilgi için Google Chat uygulamalarında metni biçimlendirme ve Google Workspace Eklentilerinde metni biçimlendirme başlıklı makaleleri inceleyin. Örneğin, aşağıdaki JSON kalın harflerle yazılmış bir metin oluşturur:
|
image |
Bir resim görüntüler. Örneğin, aşağıdaki JSON alternatif metin içeren bir görüntü oluşturur:
|
decoratedText |
Süslü bir metin öğesi görüntüler. Örneğin, aşağıdaki JSON e-posta adresini gösteren süslü bir metin widget'ı oluşturur:
|
buttonList |
Düğme listesi. Örneğin, aşağıdaki JSON iki düğme oluşturur. İlki mavi renkli bir metin düğmesi, ikincisi ise bir bağlantı açan resim düğmesidir:
|
textInput |
Kullanıcıların yazabileceği bir metin kutusu görüntüler. Örneğin, aşağıdaki JSON dosyası bir e-posta adresi için metin girişi oluşturur:
Başka bir örnek olarak aşağıdaki JSON, bir programlama dili için statik öneriler içeren bir metin girişi oluşturur:
|
selectionInput |
Kullanıcıların öğe seçebilmesini sağlayan bir seçim denetimi görüntüler. Seçim kontrolleri; onay kutuları, radyo düğmeleri, anahtarlar veya açılır menüler olabilir. Örneğin, aşağıdaki JSON'de kullanıcılar boyut seçmeye olanak tanıyan bir açılır menü oluşturulur:
|
dateTimePicker |
Kullanıcıların tarih, saat veya tarih ve saat girmelerine olanak tanıyan bir widget görüntüler. Örneğin, aşağıdaki JSON randevu planlamak için bir tarih ve saat seçici oluşturur:
|
divider |
Widget'lar arasında yatay çizgi ayırıcı görüntüler. Örneğin, aşağıdaki JSON bir ayırıcı oluşturur:
|
grid |
Öğe koleksiyonunu içeren bir ızgara görüntüler. Bir ızgara, herhangi bir sayıda sütun ve öğeyi destekler. Satır sayısı, öğe sayısının üst sınırlarının sütun sayısına bölünmesiyle belirlenir. 10 öğeli ve 2 sütunlu bir ızgarada 5 satır bulunur. 11 öğe ve 2 sütunlu bir ızgarada 6 satır bulunur. Örneğin, aşağıdaki JSON tek bir öğe içeren 2 sütunlu bir ızgara oluşturur:
|
columns |
En fazla 2 sütun gösterilir. 2'den fazla sütun eklemek veya satır kullanmak için Örneğin, aşağıdaki JSON her biri metin paragrafları içeren 2 sütun oluşturur:
|
HorizontalAlignment
Widget'ların bir sütunun soluna, sağına veya ortasına hizalanıp hizalanmayacağını belirtir.
Sıralamalar | |
---|---|
HORIZONTAL_ALIGNMENT_UNSPECIFIED |
Kullanmayın. Belirtilmedi. |
START |
Varsayılan değer. Widget'ları sütunun başlangıç konumuna hizalar. Soldan sağa düzenlerde sola hizalar. Sağdan sola düzenler için sağa hizalar. |
CENTER |
Widget'ları sütunun ortasına hizalar. |
END |
Widget'ları sütunun son konumuna hizalar. Soldan sağa düzenler için widget'ları sağa hizalar. Sağdan sola düzenler için widget'ları sola hizalar. |
ImageType
Resmi kırpmak için kullanılan şekil.
Sıralamalar | |
---|---|
SQUARE |
Varsayılan değer. Resme kare maske uygular. Örneğin, 4x3 boyutundaki bir resim 3x3 olur. |
CIRCLE |
Resme yuvarlak maske uygular. Örneğin, 4x3 boyutundaki bir resim, çapı 3 olan bir daireye dönüşür. |