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.
Kart Oluşturucu ile kartları tasarlayın ve önizleyin.
Card Builder'ı açın
Kartları nasıl oluşturacağınızı öğrenmek için aşağıdaki belgelere bakın:
- Google Chat uygulamaları için Bir kartın veya iletişim kutusunun bileşenlerini tasarlama başlıklı makaleyi inceleyin.
- Google Workspace eklentileri için Kart tabanlı arayüzler bölümüne bakın.
Örnek: Bir Google Chat uygulaması için kart mesajı
Google Chat'te örnek kart mesajını oluşturmak için aşağıdaki JSON'ı kullanın:
{
"cardsV2": [
{
"cardId": "unique-card-id",
"card": {
"header": {
"title": "Sasha",
"subtitle": "Software Engineer",
"imageUrl":
"https://developers.google.com/workspace/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"
}
]
}
}
}
]
}
}
]
}
]
}
}
]
}
JSON gösterimi |
---|
{ "header": { object ( |
Alanlar | |
---|---|
header
|
Kartın başlığı. Bir üstbilgi genellikle bir önde bir resim ve bir başlık içerir. Üstbilgiler 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 bir başlığı vardır. Bölümler, çizgi ayırıcıyla görsel olarak ayrılır. Google Chat uygulamalarıyla ilgili bir örnek için Kartın bir bölümünü tanımlama bölümüne bakın. |
sectionDividerStyle
|
Bölümler arasındaki ayırıcı stil. |
cardActions[]
|
Kart işlemleri. İşlemler, kartın araç çubuğu menüsüne eklenir. Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz.
Örneğin, aşağıdaki JSON'de
|
name
|
Kartın adı. Kart gezinmesinde kart tanımlayıcı olarak kullanılır. Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
fixedFooter
|
Bu kartın alt kısmında gösterilen sabit altbilgi.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
displayStyle
|
Google Workspace Eklentilerinde, Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
peekCardHeader
|
Bağlamsal içerik gösterilirken, göz atma kartı başlığı bir yer tutucu görevi görür. Böylece kullanıcı, ana sayfa kartları ve bağlamsal kartlar arasında gezinebilir. Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
CardHeader
Bir kart başlığını temsil eder. Google Chat uygulamalarıyla ilgili bir örnek için Başlık ekleme bölümüne bakın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{
"title": string,
"subtitle": string,
"imageType": enum (
|
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 yer alır. 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. Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
imageUrl
|
Kart başlığındaki resmin HTTPS URL'si. |
imageAltText
|
Bu resmin erişilebilirlik için kullanılan alternatif metni. |
ImageType
Resmi kırpmak için kullanılan şekil.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
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. |
Bölüm
Bölüm, belirtildikleri sırada dikey olarak oluşturulan bir widget koleksiyonunu içerir.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{
"header": string,
"widgets": [
{
object (
|
Alanlar | |
---|---|
header
|
Bir bölümün üst kısmında görünen metin. Basit HTML biçimindeki 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ı gösterir. Daraltılabilir bölümler, widget'ların bazılarını veya tümünü gizler. Kullanıcılar Daha fazla göster'i tıklayarak bölümü genişleterek gizli widget'ları gösterebilir. Kullanıcılar Daha az göster'i tıklayarak widget'ları tekrar gizleyebilir.
Hangi widget'ların gizlendiğini 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 |
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.
JSON gösterimi |
---|
{ "horizontalAlignment": enum ( |
Alanlar | |
---|---|
horizontalAlignment
|
Widget'ların bir sütunun soluna, sağına veya ortasına hizalanıp hizalanmayacağını belirtir. |
Birleşim alanı data . 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 aşağıdakilerden yalnızca biri olabilir:
|
|
textParagraph
|
Bir metin paragrafı görüntüler. Basit HTML biçimindeki 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 bir metin oluşturur:
|
image
|
Bir resim görüntüler. Örneğin, aşağıdaki JSON alternatif metin içeren bir resim 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 bir metin düğmesi, ikincisi ise bağlantı açan bir resim düğmesidir:
|
textInput
|
Kullanıcıların yazabileceği bir metin kutusu görüntüler. Örneğin, aşağıdaki JSON bir e-posta adresi için metin girişi oluşturur:
Başka bir örnek daha vermek gerekirse 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, kullanıcıların boyut seçmesine olanak tanıyan bir açılır menü oluşturur:
|
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 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 koleksiyonu içeren bir ızgara görüntüler. Izgara, 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 öğe ve 2 sütunlu bir ızgarada 5 satır bulunur. 11 öğe ve 2 sütunlu bir ızgarada 6 satır bulunur. Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Ö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ırları kullanmak için Örneğin, aşağıdaki JSON her biri metin paragrafları içeren 2 sütun oluşturur:
|
TextParagraph
Biçimlendirmeyi destekleyen bir metin paragrafı. Google Chat uygulamalarıyla ilgili bir örnek için Biçimlendirilmiş metinden bir paragraf ekleme bölümüne bakın. 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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "text": string } |
Alanlar | |
---|---|
text
|
Widget'ta gösterilen metin. |
Resim
URL ile belirtilen ve
onClick
işlemi olabilen bir resim. Örnek için Resim ekleme konusuna bakın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{
"imageUrl": string,
"onClick": {
object (
|
Alanlar | |
---|---|
imageUrl
|
Görüntüyü 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. |
OnClick
Kullanıcılar karttaki düğme gibi etkileşimli bir öğeyi tıkladığında nasıl yanıt verileceğini temsil eder.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleşim alanı
|
|
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 Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
card
|
Belirtilmişse, tıklandığında kart yığınına yeni bir kart aktarılır. Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
İşlem
Form gönderildiğinde ortaya çıkan 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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "function": string, "parameters": [ { object ( |
Alanlar | |
---|---|
function
|
Kapsayıcı öğe tıklandığında veya başka bir şekilde etkinleştirildiğinde çağrılacak özel bir işlev. Örneğin kullanım, Form verilerini okuma konusuna bakın. |
parameters[]
|
İşlem parametrelerinin listesi. |
loadIndicator
|
Harekete geçirici mesaj yapılırken görüntülenen yükleme göstergesini belirtir. |
persistValues
|
İşlemden sonra form değerlerinin kullanılmaya devam edip etmediğini belirtir. Varsayılan değer:
|
interaction
|
İsteğe bağlı. İletişim kutusu açılırken 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ı gerekenler.
Belirtilmemişse uygulama, normal şekilde bir
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz. |
requiredWidgets[]
|
İsteğe bağlıdır. Bu listeyi geçerli bir gönderim için bu İşlemin ihtiyaç duyduğu widget adlarıyla doldurun.
Bu İşlem çağrıldığında burada listelenen widget'ların bir değeri yoksa form gönderme işlemi iptal edilir. Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
allWidgetsAreRequired
|
İsteğe bağlıdır. Bu doğruysa tüm widget'lar bu işlem için gereklidir.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
ActionParameter
İşlem yöntemi çağrıldığında sağlanacak dize parametrelerinin listesi. Örneğin, üç ertele düğmesini ele alalım: şimdi ertele, bir gün ertele veya sonraki hafta ertele. Dize parametreleri listesinde erteleme türünü ve erteleme süresini ileten action method = snooze()
parametresini kullanabilirsiniz.
Daha fazla bilgi için CommonEventObject
sayfasını inceleyin.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "key": string, "value": string } |
Alanlar | |
---|---|
key
|
İşlem komut dosyasına ait parametrenin adı. |
value
|
Parametrenin değeri. |
LoadIndicator
Harekete geçirici mesaj yapılırken görüntülenen yükleme göstergesini belirtir.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Sıralamalar | |
---|---|
SPINNER
|
İçeriğin yüklenmekte olduğunu belirten bir döner simge görüntüler. |
NONE
|
Hiçbir şey gösterilmez. |
Etkileşim
İsteğe bağlı. İletişim kutusu açılırken 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ı gerekenler.
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.
interaction
belirtildiğinde, uygulama özel etkileşimli yollarla yanıt verebilir. Örneğin, interaction
OPEN_DIALOG
olarak ayarlandığında uygulama bir
iletişim kutusu açabilir.
Belirtildiğinde, bir yükleme göstergesi gösterilmez. Bir eklenti için belirtilirse kartın tamamı kaldırılır ve istemcide hiçbir şey gösterilmez.
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
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. Yalnızca kart mesajlarındaki düğme tıklamalarına yanıt olarak Chat uygulamaları tarafından desteklenir. Bir eklenti için belirtilirse kartın tamamı kaldırılır ve istemcide hiçbir şey gösterilmez. Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz. |
OpenLink
Bir köprü açan onClick
etkinliğini temsil eder.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "url": string, "openAs": enum ( |
Alanlar | |
---|---|
url
|
Açılacak URL. |
openAs
|
Bağlantı nasıl açılır? Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
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. Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
OpenAs
Bir
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, istemci platformunun özelliklerine bağlıdır ve istemci tarafından desteklenmiyorsa seçilen değer yoksayılabilir.
FULL_SIZE
, tüm istemciler tarafından desteklenir.
Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz.
Sıralamalar | |
---|---|
FULL_SIZE
|
Bağlantı, tam boyutlu bir pencere olarak açılır (istemci tarafından kullanılan çerçeveyse). |
OVERLAY
|
Bağlantı, pop-up gibi bir yer paylaşımı olarak açılır. |
OnClose
OnClick
işlemiyle açılan bir bağlantı kapatıldığında istemcinin ne yaptığı.
Uygulama, müşteri platformunun özelliklerine bağlıdır. Örneğin, bir web tarayıcısı OnClose
işleyicisi içeren bir pop-up pencerede bir bağlantı açabilir.
Hem OnOpen
hem de OnClose
işleyicileri ayarlanmışsa ve istemci platformu her iki değeri de desteklemiyorsa OnClose
öncelikli olur.
Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz.
Sıralamalar | |
---|---|
NOTHING
|
Varsayılan değer. Kart yeniden yüklenmez. Hiçbir şey olmaz. |
RELOAD
|
Alt pencere kapatıldıktan sonra kartı yeniden yükler.
|
DecoratedText
Metnin üstünde veya altında etiket, metnin önünde bir simge, seçim widget'ı veya metinden sonraki 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üslemeli metin içeren metin gösterme bölümünü inceleyin.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "icon": { object ( |
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ı.
Yalnızca |
bottomLabel
|
|
onClick
|
Bu işlem, kullanıcılar |
Birleşim alanı control . decoratedText widget'ında metnin sağ tarafında görünen bir düğme, anahtar, onay kutusu veya resim.
control aşağıdakilerden 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 gösterilen bir simge. |
Simge
Bir karttaki widget'ta gösterilen bir simge. Google Chat uygulamalarıyla ilgili bir örnek için Simge ekleme bölümüne bakın.
Yerleşik ve özel simgeleri destekler.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "altText": string, "imageType": enum ( |
Alanlar | |
---|---|
altText
|
İsteğe bağlı. Erişilebilirlik için kullanılan simgenin açıklaması. Belirtilmezse varsayılan değer olarak
Simge bir |
imageType
|
Resme uygulanan kırpma stili. Bazı durumlarda, |
Birleşim alanı icons . Karttaki widget'ta gösterilen simge.
icons aşağıdakilerden yalnızca biri olabilir:
|
|
knownIcon
|
Google Workspace tarafından sağlanan yerleşik simgelerden birini görüntüleyin.
Örneğin, bir uçak simgesini görüntülemek için Desteklenen simgelerin tam listesi için yerleşik simgelere bakın. |
iconUrl
|
HTTPS URL'sinde barındırılan bir özel simge gösterme. Örneğin:
Desteklenen dosya türleri şunlardır:
|
materialIcon
|
Google Materyal Simgelerinden birini görüntüleyin. Örneğin, bir onay kutusu simgesi görüntülemek için
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz. |
MaterialIcon
2.500'den fazla seçenek içeren Google Materyal Simgesi.
Örneğin, özelleştirilmiş bir ağırlık ve dereceyle birlikte bir onay kutusu simgesi görüntülemek için aşağıdakileri yazın:
{
"name": "check_box",
"fill": true,
"weight": 300,
"grade": -25
}
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
JSON gösterimi |
---|
{ "name": string, "fill": boolean, "weight": integer, "grade": integer } |
Alanlar | |
---|---|
name
|
Google Materyal Simgesi'nde tanımlanan simge adı, örneğin, |
fill
|
Simgenin doldurulmuş olarak oluşturulup oluşturulmayacağı. Varsayılan değer, false (yanlış) değeridir. Farklı simge ayarlarını önizlemek için Google Yazı Tipi Simgeleri bölümüne gidin ve Özelleştir bölümünün altındaki ayarları yapın. |
weight
|
Simgenin fırça kalınlığı. {100, 200, 300, 400, 500, 600, 700} arasından seçim yapın. Yoksa varsayılan değer 400'dür. Başka bir değer belirtilirse varsayılan değer kullanılır. Farklı simge ayarlarını önizlemek için Google Yazı Tipi Simgeleri bölümüne gidin ve Özelleştir bölümünün altındaki ayarları yapın. |
grade
|
Ağırlık ve derece bir simgenin kalınlığını etkiler. Notta yapılan düzenlemeler, ağırlıkta yapılan ayarlamalardan daha ayrıntılıdır ve simgenin boyutu üzerinde küçük bir etkisi vardır. {-25, 0, 200} arasından seçim yapın. Yoksa varsayılan değer 0'dır. Başka bir değer belirtilirse varsayılan değer kullanılır. Farklı simge ayarlarını önizlemek için Google Yazı Tipi Simgeleri bölümüne gidin ve Özelleştir bölümünün altındaki ayarları yapın. |
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 ekleme bölümüne bakın.
Bir resmi tıklanabilir düğme yapmak için bir
(Image
değil) belirtin ve ImageComponent
onClick
işlemi ayarlayın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "text": string, "icon": { object ( |
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ı korumak için değişir. Örneğin, mavi bir arka plan ayarlamak büyük olasılıkla beyaz metinle sonuçlanır. Ayarlanmadan bırakılırsa resim arka planı beyaz, yazı tipi rengi ise 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, şu denklemi kullanarak şeffaflık düzeyini belirleyen
Örneğin, aşağıdaki renk yarı şeffaf kırmızıyı temsil eder:
|
onClick
|
Zorunlu. Köprü açma veya özel bir işlev çalıştırma gibi, kullanıcı düğmeyi tıkladığında gerçekleştirilecek işlem. |
disabled
|
|
altText
|
Erişilebilirlik için kullanılan alternatif metin. Kullanıcılara düğmenin işlevi hakkında bilgi veren açıklayıcı bir metin belirleyin. Örneğin, bir düğme köprü açıyorsa şöyle yazabilirsiniz: "Yeni bir tarayıcı sekmesi açar ve https://developers.google.com/workspace/chat" adresindeki Google Chat geliştirici dokümanlarına gider. |
Renk
RGBA renk alanındaki bir rengi temsil eder. Bu gösterim, kompaktlık yerine çeşitli dillerdeki renk temsillerine geçiş kolaylığı sağlamak için tasarlanmıştır. Örneğin, bu temsilin alanları Java'da java.awt.Color
oluşturucuya triviyal olarak sunulabilir; ayrıca UIColor'ın iOS'teki +colorWithRed:green:blue:alpha
yöntemine de sağlanabilir. Ayrıca çok küçük bir çalışmayla JavaScript'te CSS rgba()
dizesine kolayca biçimlendirilebilir.
Bu referans sayfada, RGB değerini yorumlamak için kullanılması gereken mutlak renk alanı hakkında bilgi yoktur (ör. sRGB, Adobe RGB, DCI-P3 ve BT.2020). Varsayılan olarak, uygulamalar sRGB renk alanını dikkate almalıdır.
Renk eşitliğine karar verilmesi gerektiğinde, aksi belirtilmediği sürece tüm kırmızı, yeşil, mavi ve alfa değerleri en fazla 1e-5
farklılık gösteren uygulamalarda iki rengin eşit olarak ele alınması gerekir.
Örnek (Java):
import com.google.type.Color;
// ...
public static java.awt.Color fromProto(Color protocolor) {
float alpha = protocolor.hasAlpha()
? protocolor.getAlpha().getValue()
: 1.0;
return new java.awt.Color(
protocolor.getRed(),
protocolor.getGreen(),
protocolor.getBlue(),
alpha);
}
public static Color toProto(java.awt.Color color) {
float red = (float) color.getRed();
float green = (float) color.getGreen();
float blue = (float) color.getBlue();
float denominator = 255.0;
Color.Builder resultBuilder =
Color
.newBuilder()
.setRed(red / denominator)
.setGreen(green / denominator)
.setBlue(blue / denominator);
int alpha = color.getAlpha();
if (alpha != 255) {
result.setAlpha(
FloatValue
.newBuilder()
.setValue(((float) alpha) / denominator)
.build());
}
return resultBuilder.build();
}
// ...
Örnek (iOS / Obj-C):
// ...
static UIColor* fromProto(Color* protocolor) {
float red = [protocolor red];
float green = [protocolor green];
float blue = [protocolor blue];
FloatValue* alpha_wrapper = [protocolor alpha];
float alpha = 1.0;
if (alpha_wrapper != nil) {
alpha = [alpha_wrapper value];
}
return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
}
static Color* toProto(UIColor* color) {
CGFloat red, green, blue, alpha;
if (![color getRed:&red green:&green blue:&blue alpha:&alpha]) {
return nil;
}
Color* result = [[Color alloc] init];
[result setRed:red];
[result setGreen:green];
[result setBlue:blue];
if (alpha <= 0.9999) {
[result setAlpha:floatWrapperWithValue(alpha)];
}
[result autorelease];
return result;
}
// ...
Örnek (JavaScript):
// ...
var protoToCssColor = function(rgb_color) {
var redFrac = rgb_color.red || 0.0;
var greenFrac = rgb_color.green || 0.0;
var blueFrac = rgb_color.blue || 0.0;
var red = Math.floor(redFrac * 255);
var green = Math.floor(greenFrac * 255);
var blue = Math.floor(blueFrac * 255);
if (!('alpha' in rgb_color)) {
return rgbToCssColor(red, green, blue);
}
var alphaFrac = rgb_color.alpha.value || 0.0;
var rgbParams = [red, green, blue].join(',');
return ['rgba(', rgbParams, ',', alphaFrac, ')'].join('');
};
var rgbToCssColor = function(red, green, blue) {
var rgbNumber = new Number((red << 16) | (green << 8) | blue);
var hexString = rgbNumber.toString(16);
var missingZeros = 6 - hexString.length;
var resultBuilder = ['#'];
for (var i = 0; i < missingZeros; i++) {
resultBuilder.push('0');
}
resultBuilder.push(hexString);
return resultBuilder.join('');
};
// ...
JSON gösterimi |
---|
{ "red": number, "green": number, "blue": number, "alpha": number } |
Alanlar | |
---|---|
red
|
[0, 1] aralığındaki bir değer olarak rengin kırmızı miktarı. |
green
|
[0, 1] aralığındaki bir değer olarak renkteki yeşil miktarı. |
blue
|
[0, 1] aralığındaki bir değer olarak rengin mavi miktarı. |
alpha
|
Bu rengin piksele uygulanması gereken oranı. Yani, pikselin son rengi aşağıdaki denklemle tanımlanır:
Diğer bir deyişle, 1,0 değeri düz bir renge, 0,0 değeri ise tamamen şeffaf bir renge karşılık gelir. Bu, varsayılan değer ile ayarlanmamış olan değer arasında ayrım yapılabilmesi için basit bir kayan skaler yerine sarmalayıcı mesajı kullanır. Atlanırsa, bu renk nesnesi düz bir renk olarak oluşturulur (alfa değerine açıkça 1,0 değeri verilmiş gibi). |
SwitchControl
Açma/kapatma stilinde bir anahtar veya decoratedText
widget'ının içindeki onay kutusu.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Yalnızca decoratedText
widget'ında desteklenir.
JSON gösterimi |
---|
{ "name": string, "value": string, "selected": boolean, "onChangeAction": { object ( |
Alanlar | |
---|---|
name
|
Anahtar widget'ının bir form giriş etkinliğinde tanımlandığı ad. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
value
|
Bir kullanıcı tarafından girilen ve form girişi etkinliğinin bir parçası olarak döndürülen değer. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
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üğü. Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
ControlType
Anahtarın kullanıcı arayüzünde nasıl göründüğü.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Sıralamalar | |
---|---|
SWITCH
|
Açma/kapatma stilinde bir anahtar. |
CHECKBOX
|
CHECK_BOX kullanılması amacıyla kullanımdan kaldırıldı.
|
CHECK_BOX
|
Onay kutusu. |
ButtonList
Yatay olarak yerleştirilmiş bir düğme listesi. Google Chat uygulamalarıyla ilgili bir örnek için Düğme ekleme bölümüne bakın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{
"buttons": [
{
object (
|
Alanlar | |
---|---|
buttons[]
|
Bir dizi düğme. |
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 Kullanıcının metin girebileceği bir alan ekleme bölümüne bakın.
Chat uygulamaları, form girişi etkinlikleri sırasında girilen metnin değerini alır ve işleyebilir. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın.
Kullanıcılardan tanımlanmamış veya soyut veriler toplamanız gerektiğinde metin girişi kullanın. Kullanıcılardan tanımlanmış veya numaralanmış verileri toplamak için SelectionInput
widget'ını kullanın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "name": string, "label": string, "hintText": string, "value": string, "type": enum ( |
Alanlar | |
---|---|
name
|
Bir form girişi etkinliğinde metin girişinin tanımlandığı ad. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
label
|
Kullanıcı arayüzünde, metin giriş alanının üstünde görünen metin.
Kullanıcının, uygulamanızın ihtiyacı olan bilgileri girmesine yardımcı olacak bir metin 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 ve kullanıcıların belirli bir değer girmelerini isteyerek kullanıcılara yardımcı olması amaçlanan metin. Bu metin her zaman görünür.
|
value
|
Bir kullanıcı tarafından girilen ve form girişi etkinliğinin bir parçası olarak döndürülen değer. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
type
|
Bir 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 eklemesi veya metin silmesi. Yapılması gereken işlemlere örnek olarak özel işlev çalıştırma veya Google Chat'te iletişim kutusu açma 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. Kullanıcılar yazarken, önerilen değerler 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++ önerebilir. Kullanıcılar
Önerilen değerler, kullanıcıların uygulamanızın anlayabileceği değerler girmelerine yardımcı olur. JavaScript'ten bahsederken bazı kullanıcılar
Bu parametre belirtildiğinde Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
autoCompleteAction
|
İsteğe bağlı. Metin giriş alanı, 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 ile kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
validation
|
Bu metin giriş alanı için gereken doğrulamayı belirtin.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
placeholderText
|
Alan boş olduğunda metin giriş alanında görünen metin. Kullanıcılardan değer girmelerini istemek için bu metni kullanın. Örneğin, Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz. |
Tür
Bir metin giriş alanının kullanıcı arayüzünde nasıl göründüğü. Örneğin, tek satırlı veya çok satırlı bir giriş olabilir. initialSuggestions
belirtilirse type
, MULTIPLE_LINE
olarak ayarlanmış olsa bile her zaman SINGLE_LINE
olur.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Sıralamalar | |
---|---|
SINGLE_LINE
|
Metin giriş alanının sabit yüksekliği bir satırdır. |
MULTIPLE_LINE
|
Metin giriş alanının sabit yüksekliği birden çok satır olmalıdır. |
RenderActions
Karta bir işlem yapmasını söyleyen veya eklentinin ana makine uygulamasına ya da Chat uygulamasına, uygulamaya özel bir işlem yapmasını söyleyen bir dizi oluşturma talimatıdır.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Alanlar | |
---|---|
action |
İşlem
Alanlar | |
---|---|
navigations[] |
Görüntülenen kartları aktarın veya güncelleyin. |
Ö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. Kullanıcılar yazarken, önerilen değerler 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++ önerebilir. Kullanıcılar Jav
yazmaya başladığında, öneri listesinde Java
ve JavaScript
gösterilir.
Önerilen değerler, kullanıcıların uygulamanızın anlayabileceği değerler girmelerine yardımcı olur. 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 standartlaştırabilir.
Bu parametre belirtildiğinde TextInput.type
, MULTIPLE_LINE
olarak ayarlanmış olsa bile her zaman SINGLE_LINE
olur.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{
"items": [
{
object (
|
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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleşim alanı
|
|
text
|
Bir metin giriş alanı için önerilen girişin değeri. Bu, kullanıcıların kendi girişleriyle eşdeğerdir. |
Doğrulama
Bağlı olduğu widget'ı doğrulamak için gerekli verileri temsil eder.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{
"characterLimit": integer,
"inputType": enum (
|
Alanlar | |
---|---|
characterLimit
|
Metin girişi widget'ları için karakter sınırlamasını belirtin. Bunun yalnızca metin girişi için kullanıldığını ve diğer widget'lar için yoksayıldığını unutmayın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
inputType
|
Giriş widget'larının türünü belirtin.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
InputType
Giriş widget'ının türü.
Sıralamalar | |
---|---|
INPUT_TYPE_UNSPECIFIED
|
Belirtilmemiş tür. Kullanmayın. |
TEXT
|
Tüm karakterleri kabul eden normal metin. |
INTEGER
|
Tam sayı değeridir. |
FLOAT
|
Kayan değer. |
EMAIL
|
Bir e-posta adresi. |
EMOJI_PICKER
|
Sistem tarafından sağlanan emoji seçiciden seçilen bir emoji. |
SelectionInput
Kullanıcıların seçebileceği bir veya daha fazla kullanıcı arayüzü öğesi oluşturan bir widget. Örneğin, bir açılır menü veya onay kutuları. Tahmin edilen veya numaralandırılabilir verileri toplamak için bu widget'ı kullanabilirsiniz. Google Chat uygulamalarıyla ilgili bir örnek için Seçilebilir kullanıcı arayüzü öğeleri ekleme bölümüne bakın.
Chat uygulamaları, kullanıcıların seçtiği veya girdiği öğelerin değerini işleyebilir. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın.
Kullanıcılardan tanımlanmamış veya soyut veriler toplamak için TextInput
widget'ını kullanın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "name": string, "label": string, "type": enum ( |
Alanlar | |
---|---|
name
|
Bir form giriş etkinliğindeki seçim girişini tanımlayan ad. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
label
|
Kullanıcı arayüzünde seçim giriş alanının üstünde görünen metin. Kullanıcının, uygulamanızın ihtiyacı olan bilgileri girmesine yardımcı olacak bir metin belirtin. Örneğin, kullanıcılar bir açılır menüden iş biletinin aciliyetini seçiyorsa bu etiket "Aciliyet" veya "Aciliyet seçin" olabilir. |
type
|
Bir |
items[]
|
Seçilebilir öğeler dizisi. Örneğin, bir dizi radyo düğmesi veya onay kutusu. 100 adede kadar öğeyi destekler. |
onChangeAction
|
Belirtilirse form, seçim değiştiğinde gönderilir. Belirtilmezse formu gönderen ayrı bir düğme belirtmeniz gerekir. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
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. Bir değer belirtilmezse varsayılan olarak 3 öğe kullanılır. |
multiSelectMinQueryLength
|
Çoklu seçim menülerinde, kullanıcının uygulama sorgusundan önce girdiği metin karakteri sayısı otomatik olarak tamamlanır ve menüde önerilen öğeleri gösterir. Belirtilmemesi halinde varsayılan olarak statik veri kaynakları için 0 karakter, harici veri kaynakları içinse 3 karakter varsayılan olur. |
validation
|
Açılır menülerde, bu seçim giriş alanının doğrulaması.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
Birleşim alanı
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
|
|
externalDataSource
|
İlişkisel veri tabanı gibi harici bir veri kaynağı. |
platformDataSource
|
Google Workspace'ten bir veri kaynağı. |
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ıyla anahtarların bir arada kullanılması desteklenmez.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
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
|
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 ve widget otomatik olarak alan önerisinde bulunur. Ç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 dair örnekler için Çoklu seçim menüsü ekleme bölümüne bakın. Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Google Workspace Eklentileri için çoklu seçim özelliği, Geliştirici Önizlemesi aşamasındadır. |
SelectionItem
Kullanıcıların onay kutusu veya anahtar gibi bir seçim girişinde seçebileceği bir öğe.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "text": string, "value": string, "selected": boolean, "startIconUri": string, "bottomText": string } |
Alanlar | |
---|---|
text
|
Öğeyi tanımlayan veya kullanıcılara açıklayan metin. |
value
|
Bu öğeyle ilişkilendirilen değer. İstemci bunu bir form girişi değeri olarak kullanmalıdır. Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
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 |
PlatformDataSource
Çoklu seçim menüsü kullanan
widget'ları için Google Workspace'ten bir veri kaynağı. Çoklu seçim menüsündeki öğeleri doldurmak için kullanılır.
SelectionInput
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleşim alanı data_source . Veri kaynağı.
data_source aşağıdakilerden 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 uygulamalarına özgü veri kaynağı. |
CommonDataSource
Tüm Google Workspace uygulamaları tarafından paylaşılan bir veri kaynağı.
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
Sıralamalar | |
---|---|
UNKNOWN
|
Varsayılan değer. Kullanmayın. |
USER
|
Google Workspace kullanıcıları. Kullanıcı, yalnızca Google Workspace kuruluşundan kullanıcıları görüntüleyebilir ve seçebilir. |
HostAppDataSourceMarkup
Çoklu seçim menüsü kullanan
widget'ı için bir Google Workspace uygulamasından veri kaynağı. Veri kaynağı, çoklu seçim menüsünün seçim öğelerini doldurur.
SelectionInput
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleşim alanı data_source . Çoklu seçim menüsü öğelerini dolduran Google Workspace uygulaması.
data_source aşağıdakilerden yalnızca biri olabilir:
|
|
chatDataSource
|
Google Chat'ten bir veri kaynağı. |
ChatClientDataSourceMarkup
Çoklu seçim menüsü olan
widget'ları için Google Chat'ten bir veri kaynağı. Veri kaynağı, çoklu seçim menüsünün seçim öğelerini doldurur. Örneğin, bir kullanıcı üyesi olduğu Google Chat alanlarını seçebilir.
SelectionInput
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleşim alanı source . Google Chat veri kaynağı.
source aşağıdakilerden yalnızca biri olabilir:
|
|
spaceDataSource
|
Kullanıcının üyesi olduğu Google Chat alanları. |
SpaceDataSource
Çoklu seçim menüsü için Google Chat alanlarını seçim öğeleri olarak dolduran bir veri kaynağı. Yalnızca kullanıcının üyesi olduğu alanları doldurur.
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
JSON gösterimi |
---|
{ "defaultToCurrentSpace": boolean } |
Alanlar | |
---|---|
defaultToCurrentSpace
|
|
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 Kullanıcının tarih ve saat seçmesine izin verme bölümüne göz atın.
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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "name": string, "label": string, "type": enum ( |
Alanlar | |
---|---|
name
|
Bir form girişi etkinliğinde Form girişleriyle çalışma hakkında ayrıntılı bilgi için Form verileri alma bölümüne bakın. |
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 sıfır zamanından itibaren milisaniye cinsinden widget'ta gösterilen varsayılan değer.
Seçici türüne (
|
timezoneOffsetDate
|
Saat diliminin, UTC saat dilimine dakika cinsinden uzaklığını gösteren sayı. Ayarlanırsa |
onChangeAction
|
Kullanıcı |
validation
|
İsteğe bağlıdır. Bu tarih zamanlayıcı seçici için gereken doğrulamayı belirtin.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. |
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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Sıralamalar | |
---|---|
DATE_AND_TIME
|
Kullanıcılar tarih ve saat girer. |
DATE_ONLY
|
Kullanıcılar tarih girer. |
TIME_ONLY
|
Kullanıcılar zaman girer. |
Bölen
Bu türde alan yok.
Widget'lar arasında yatay çizgi olarak bir ayırıcı görüntüler. Google Chat uygulamalarıyla ilgili bir örnek için Widget'lar arasına yatay ayırıcı ekleme bölümüne göz atın.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Örneğin, aşağıdaki JSON bir ayırıcı oluşturur:
"divider": {}
Izgara
Öğe koleksiyonu 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 Öğe koleksiyonunu içeren ızgara görüntüleme bölümüne bakın.
Columns
Izgara, herhangi bir sayıda sütun ve öğeyi destekler. Satır sayısı, öğelerin sütunlara bölünmesiyle belirlenir. 10 öğe ve 2 sütunlu bir ızgarada 5 satır bulunur. 11 öğe ve 2 sütunlu bir ızgarada 6 satır bulunur.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Ö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"
}
}
}
JSON gösterimi |
---|
{ "title": string, "items": [ { object ( |
Alanlar | |
---|---|
title
|
Izgara başlığında görüntülenen metin. |
items[]
|
Izgarada görüntülenecek öğ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ılık gösterir (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 öğenin tanımlayıcısı ve dizini eklenir. |
GridItem
Bir öğeyi tablo düzeninde gösterir. Öğeler metin, resim veya hem metin hem de resim içerebilir.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "id": string, "image": { object ( |
Alanlar | |
---|---|
id
|
Bu ızgara öğesi için kullanıcı tarafından belirtilen tanımlayıcı. Bu tanımlayıcı, üst tablonun |
image
|
Izgara öğesinde görüntülenen resim. |
title
|
Izgara öğesinin başlığı. |
subtitle
|
Tablo öğesinin alt başlığı. |
layout
|
Izgara öğesi için kullanılacak düzen. |
ImageComponent
Bir resmi temsil eder.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "imageUri": string, "altText": string, "cropStyle": { object ( |
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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Ö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
}
JSON gösterimi |
---|
{
"type": enum (
|
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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
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. |
BorderStyle
Bir kartın veya widget'ın kenarlığıyla ilgili, kenarlık türü ve rengi de dahil olmak üzere stil seçenekleri.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
JSON gösterimi |
---|
{ "type": enum ( |
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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
Sıralamalar | |
---|---|
BORDER_TYPE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
NO_BORDER
|
Varsayılan değer. Kenarlık yok. |
STROKE
|
Outline'a dokunun. |
GridItemLayout
Izgara öğesi için kullanılabilen çeşitli düzen seçeneklerini gösterir.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
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. |
Sütunlar
Columns
widget'ı, bir kart veya iletişim kutusunda en fazla 2 sütun görüntüler. Her sütuna widget ekleyebilirsiniz. Widget'lar belirtildikleri sırada görünür. Google Chat uygulamalarıyla ilgili bir örnek için Kartları ve iletişim kutularını sütunlarda görüntüleme bölümüne bakın.
Her sütunun yüksekliği, daha uzun olan sütuna göre belirlenir. Örneğin, ilk sütun ikinci sütundan uzunsa, her iki sütun da ilk sütunun yüksekliğine sahip olur. Her sütun farklı sayıda widget içerebileceğinden satırları tanımlayamaz veya widget'ları sütunlar arasında 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 sarmalanır.
- iOS cihazlarda, ekran genişliği 300 puntodan az veya 300 punto'ya eşitse 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ırları kullanmak için
widget'ını kullanın.
Grid
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Google Workspace eklentilerinin sütunları, Geliştirici Önizlemesi bölümündedir.
JSON gösterimi |
---|
{
"columnItems": [
{
object (
|
Alanlar | |
---|---|
columnItems[]
|
Sütun dizisi. Bir karta veya iletişim kutusuna en fazla 2 sütun ekleyebilirsiniz. |
Sütun
Bir sütun.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Google Workspace eklentilerinin sütunları, Geliştirici Önizlemesi bölümündedir.
JSON gösterimi |
---|
{ "horizontalSizeStyle": enum ( |
Alanlar | |
---|---|
horizontalSizeStyle
|
Bir sütunun, kart 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ütunda yer alan widget dizisi. Widget'lar belirtildikleri sırada görünür. |
HorizontalSizeStyle
Bir sütunun, kart 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.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Google Workspace eklentilerinin sütunları, Geliştirici Önizlemesi bölümündedir.
Sıralamalar | |
---|---|
HORIZONTAL_SIZE_STYLE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
FILL_AVAILABLE_SPACE
|
Varsayılan değer. Sütun, kullanılabilir alanı kart genişliğinin% 70'ine kadar kaplar. Her iki sütun da FILL_AVAILABLE_SPACE olarak ayarlanırsa her bir sütun alanın% 50'sini doldurur.
|
FILL_MINIMUM_SPACE
|
Sütun, mümkün olan en az alanı ve kart genişliğinin% 30'unu kaplar. |
HorizontalAlignment
Widget'ların bir sütunun soluna, sağına veya ortasına hizalanıp hizalanmayacağını belirtir.
Google Chat uygulamalarında kullanılabilir ve Google Workspace Eklentileri için kullanılamaz.
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üzenler için 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. |
VerticalAlignment
Widget'ların bir sütunun üstüne, altına veya ortasına hizalanıp hizalanmayacağını belirtir.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Google Workspace eklentilerinin sütunları, Geliştirici Önizlemesi bölümündedir.
Sıralamalar | |
---|---|
VERTICAL_ALIGNMENT_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
CENTER
|
Varsayılan değer. Widget'ları sütunun ortasına hizalar. |
TOP
|
Widget'ları bir sütunun üst kısmına hizalar. |
BOTTOM
|
Widget'ları sütunun alt kısmına hizalar. |
Widget'lar
Bir sütuna ekleyebileceğiniz desteklenen widget'lar.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir. Google Workspace eklentilerinin sütunları, Geliştirici Önizlemesi bölümündedir.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleşim alanı
|
|
textParagraph
|
|
image
|
|
decoratedText
|
|
buttonList
|
|
textInput
|
|
selectionInput
|
|
dateTimePicker
|
|
DividerStyle
Kartın ayırıcı stili. Şu anda yalnızca kart bölümleri arasındaki ayırıcılar için kullanılmaktadır.
Google Chat uygulamaları ve Google Workspace Eklentileri için kullanılabilir.
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. |
CardAction
Kart işlemi, kartla ilişkilendirilmiş işlemdir. Örneğin, bir fatura kartı faturayı silme, faturayı e-postayla gönderme veya faturayı bir tarayıcıda açma gibi işlemler içerebilir.
Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz.
JSON gösterimi |
---|
{
"actionLabel": string,
"onClick": {
object (
|
Alanlar | |
---|---|
actionLabel
|
İşlem menüsü öğesi olarak görüntülenen etiket. |
onClick
|
Bu işlem öğesi için
|
DisplayStyle
Google Workspace eklentilerinde, bir kartın nasıl gösterileceğini belirler.
Google Workspace Eklentileri ile kullanılabilir, Google Chat uygulamalarında kullanılamaz.
Sıralamalar | |
---|---|
DISPLAY_STYLE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
PEEK
|
Kartın başlığı, kenar çubuğunun en altında görünür ve grubun en üstteki mevcut kartını kısmen kaplar. Başlığı tıkladığınızda kart, kart yığınında gösterilir. 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ındaki en üstteki kartın görünümü değiştirilerek gösterilir. |