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 resimler gibi zengin medyayı destekler. Ayrıntılı bilgiler 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 kart tasarlayın ve önizleyin.
Kart Oluşturucu'yu açma
Kartların nasıl oluşturulacağını öğrenmek için aşağıdaki dokümanlara bakın:
- Google Chat uygulamaları için Kart veya iletişim kutusunun bileşenlerini tasarlama bölümüne bakın.
- Google Workspace eklentileri için Kart tabanlı arayüzler bölümüne bakın.
Örnek: Google Chat uygulaması için kart mesajı
Google Chat'te örnek kart mesajını oluşturmak için aşağıdaki JSON'u 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ığı. Başlıklar genellikle bir resim ve başlık içerir. Üstbilgiler her zaman kartın üst kısmında görünür. |
sections[]
|
Widget koleksiyonu içerir. Her bölümün isteğe bağlı bir başlığı vardır. Bölümler, çizgi ayırıcıyla görsel olarak ayrılır. Google Chat uygulamalarında bir örnek için Kart bölümünü tanımlama bölümüne bakın. |
section
|
Başlık, bölümler ve alt bilgi arasındaki ayırıcı stili. |
card
|
Kartın işlemleri. İşlemler, kartın araç çubuğu menüsüne eklenir. Google Workspace Eklentileriyle kullanılabilir, Google Chat uygulamalarında kullanılamaz.
Örneğin, aşağıdaki JSON,
|
name
|
Kartın adı. Kart gezinmesinde kart tanımlayıcı olarak kullanılır. Google Workspace eklentilerinde kullanılabilir ve Google Chat uygulamalarında kullanılamaz. |
fixed
|
Bu kartın alt kısmında gösterilen sabit altbilgi.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir. |
display
|
Google Workspace eklentilerinde Google Workspace Eklentileriyle kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
peek
|
İçeriğe dayalı içerikler gösterilirken göz atma kartı başlığı, kullanıcının ana sayfa kartları ile içeriğe dayalı kartlar arasında ileri geri gezinebilmesi için yer tutucu görevi görür. Google Workspace Eklentileriyle kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
CardHeader
Kart başlığını temsil eder. Google Chat uygulamalarında örnek görmek için Başlık ekleme bölümüne bakın.
Google Chat uygulamaları ve Google Workspace Eklentilerinde 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 kaplar. Yalnızca başlık belirtilirse her iki satırı da kaplar. |
subtitle
|
Kart başlığının alt başlığı. Belirtilirse |
image
|
Resmi kırpmak için kullanılan şekil. Google Chat uygulamaları ve Google Workspace eklentileri için kullanılabilir. |
image
|
Kart başlığındaki resmin HTTPS URL'si. |
image
|
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 eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
SQUARE
|
Varsayılan değer. Resme kare maske uygular. Örneğin, 4x3 boyutundaki bir resim 3x3 boyutunda olur. |
CIRCLE
|
Resme yuvarlak bir maske uygular. Örneğin, 4x3 boyutundaki bir resim çapı 3 olan bir daireye dönüşür. |
Bölüm
Bölüm, belirtildikleri sırayla dikey olarak oluşturulan bir widget koleksiyonu 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 en üstünde görünen metin. Basit HTML biçimlendirilmiş metni destekler. Metin biçimlendirme hakkında daha fazla bilgi için Google Chat uygulamalarında metni biçimlendirme ve Google Workspace Eklentilerinde metin biçimlendirme başlıklı makalelere göz atın. |
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 gizli widget'ları görmek için bölümü genişletebilir. Kullanıcılar Daha az göster'i tıklayarak widget'ları tekrar gizleyebilir.
Gizlenen widget'ları belirlemek için |
uncollapsible
|
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çeriyorsa ve |
collapse
|
İsteğe bağlı. Bölümün genişlet ve daralt düğmesini tanımlayın. Bu düğme yalnızca bölüm daraltılabilir durumdaysa gösterilir. Bu alan ayarlanmazsa varsayılan düğme kullanılır. Google Chat uygulamalarında kullanılabilir, Google Workspace Eklentilerinde kullanılamaz. |
Widget
Her kart widget'lardan oluşur.
Widget; metin, resim, düğme ve diğer nesne türlerinden birini temsil edebilen birleşik bir nesnedir.
JSON gösterimi |
---|
{ "horizontalAlignment": enum ( |
Alanlar | |
---|---|
horizontal
|
Widget'ların bir sütunun sol, sağ veya ortasına hizalanıp hizalanmayacağını belirtir. |
Birleştirme alanı
data . Bir widget'ta aşağıdaki öğelerden yalnızca biri bulunabilir. Daha fazla öğe görüntülemek için birden fazla widget alanı kullanabilirsiniz.
data
yalnızca aşağıdakilerden biri olabilir:
|
|
text
|
Bir metin paragrafını 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 metin biçimlendirme başlıklı makalelere göz atın. Örneğin, aşağıdaki JSON kalın metin oluşturur:
|
image
|
Bir resim görüntüler. Örneğin, aşağıdaki JSON, alternatif metin içeren bir resim oluşturur:
|
decorated
|
Süslenmiş bir metin öğesi gösterir. Örneğin, aşağıdaki JSON, e-posta adresini gösteren süslenmiş bir metin widget'ı oluşturur:
|
button
|
Düğme listesi. Örneğin, aşağıdaki JSON dosyası iki düğme oluşturur. Birincisi mavi metin düğmesi, ikincisi ise bağlantı açan resim düğmesidir:
|
text
|
Kullanıcıların metin yazabileceği bir metin kutusu gösterir. Örneğin, aşağıdaki JSON, bir e-posta adresi için metin girişi oluşturur:
Başka bir örnek olarak aşağıdaki JSON, statik öneriler içeren bir programlama dili için metin girişi oluşturur:
|
selection
|
Kullanıcıların öğe seçmesine olanak tanıyan bir seçim denetimi gösterir. 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 beden seçmesine olanak tanıyan bir açılır menü oluşturur:
|
date
|
Kullanıcıların tarih, saat veya tarih ve saat girmesine 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 bir çizgi ayırıcısı görüntüler. Örneğin, aşağıdaki JSON bir bölücü oluşturur:
|
grid
|
Öğe koleksiyonunun yer aldığı bir ızgara görüntüler. Izgara, istediğiniz 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ütun içeren bir ızgarada 5 satır vardır. 11 öğe ve 2 sütun içeren bir tabloda 6 satır bulunur. Google Chat uygulamaları ve Google Workspace Eklentilerinde 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örüntülenir.
2'den fazla sütun eklemek veya satır kullanmak için Örneğin, aşağıdaki JSON'de her biri metin paragrafları içeren 2 sütun oluşturulur:
|
chip
|
Çip listesi. Örneğin, aşağıdaki JSON iki çip oluşturur. İlki metin çipi, ikincisi ise bağlantıyı açan bir simge çipidir.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz. |
TextParagraph
Biçimlendirmeyi destekleyen bir metin paragrafı. Google Chat uygulamalarındaki bir örneği görmek için Biçimlendirilmiş metin paragrafı ekleme bölümüne bakın. Metin biçimlendirme hakkında daha fazla bilgi için Google Chat uygulamalarında metin biçimlendirme ve Google Workspace eklentilerinde metin biçimlendirme başlıklı makaleleri inceleyin.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "text": string, "maxLines": integer } |
Alanlar | |
---|---|
text
|
Widget'ta gösterilen metin. |
max
|
Widget'ta gösterilen maksimum metin satırı sayısı. Metin, belirtilen maksimum satır sayısını aşarsa fazla içerik daha fazla göster düğmesinin arkasında saklanır. Metin, belirtilen maksimum satır sayısına eşit veya bu sayıdan kısaysa daha fazla göster düğmesi gösterilmez. Varsayılan değer 0'dır. Bu durumda, tüm bağlam gösterilir. Negatif değerler yoksayılır. Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz. |
Resim
URL ile belirtilen ve onClick
işlemi yapabilen bir resim. Örnek için Resim ekleme bölümüne bakın.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{
"imageUrl": string,
"onClick": {
object ( |
Alanlar | |
---|---|
image
|
Resmi barındıran HTTPS URL'si. Örneğin:
|
on
|
Kullanıcı resmi tıkladığında bu işlem tetiklenir. |
alt
|
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 gösterir.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleştirme alanı
|
|
action
|
Belirtilirse bu |
open
|
Belirtilirse bu |
open
|
Bir eklenti, işlemin bir bağlantıyı açması gerektiğinde bu işlemi tetikler. Bu, bağlantıyı almak için sunucuya danışması gerektiğinden yukarıdaki Google Workspace eklentilerinde kullanılabilir ve Google Chat uygulamalarında kullanılamaz. |
card
|
Belirtilen durumlarda, tıklandıktan sonra kart yığınına yeni bir kart eklenir. Google Workspace Eklentileriyle kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
overflow
|
Belirtilirse bu |
İşlem
Form gönderildiğinde gerçekleşen 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 Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "function": string, "parameters": [ { object ( |
Alanlar | |
---|---|
function
|
İçerdiği öğe tıklandığında veya başka bir şekilde etkinleştirildiğinde çağrılacak özel işlev. Kullanım örneği için Form verilerini okuma bölümünü inceleyin. |
parameters[]
|
İşlem parametrelerinin listesi. |
load
|
Eylem çağrısı yapılırken işlemin gösterildiği yükleme göstergesini belirtir. |
persist
|
İşlemden sonra form değerlerinin kalıcı olup olmadığını gösterir. Varsayılan değer:
|
interaction
|
İsteğe bağlı. İletişim kutusu açarken gereklidir. Bir kullanıcıyla kurulan etkileşimlere (ör. kullanıcının kart mesajındaki bir düğmeyi tıklaması) yanıt olarak ne yapılması gerekir?
Belirtilmemişse uygulama, bir bağlantıyı açma veya bir işlevi çalıştırma gibi bir
Uygulama, bir Google Chat uygulamalarında kullanılabilir, Google Workspace Eklentilerinde kullanılamaz. |
required
|
İsteğe bağlıdır. Bu listeyi, bu İşlemin geçerli bir gönderim için ihtiyaç duyduğu widget'ların adlarıyla doldurun.
Bu işlem çağrıldığında burada listelenen widget'ların değeri yoksa form gönderimi iptal edilir. Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir. |
all
|
İsteğe bağlıdır. Bu durumda, bu işlem tüm widget'ların gerekli olduğu kabul edilir.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir. |
ActionParameter
İşlem yöntemi çağrıldığında sağlanacak dize parametrelerinin listesi. Örneğin, üç erteleme düğmesi düşünelim: şimdi erteleme, bir gün erteleme veya gelecek hafta erteleme. action method = snooze()
işlevini kullanarak, ertele türünü ve ertele süresini dize parametreleri listesine iletebilirsiniz.
Daha fazla bilgi için CommonEventObject
konusuna bakın.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "key": string, "value": string } |
Alanlar | |
---|---|
key
|
İşlem komut dosyası parametresinin adı. |
value
|
Parametrenin değeri. |
LoadIndicator
Eylem çağrısı yapılırken işlemin gösterildiği yükleme göstergesini belirtir.
Google Chat uygulamaları ve Google Workspace eklentileri için kullanılabilir.
Sıralamalar | |
---|---|
SPINNER
|
İçeriğin yüklendiğini belirten bir dönen simge gösterir. |
NONE
|
Hiçbir şey gösterilmez. |
Etkileşim
İsteğe bağlı. İletişim kutusu açarken gereklidir.
Bir kullanıcıyla kurulan etkileşimlere (ör. kullanıcının kart mesajındaki bir düğmeyi tıklaması) yanıt olarak ne yapılması gerekir?
Belirtilmemişse uygulama, bir bağlantıyı açma veya bir işlevi çalıştırma gibi bir action
çalıştırarak normal şekilde yanıt verir.
interaction
belirterek uygulama özel etkileşimli şekillerde yanıt verebilir. Örneğin, interaction
OPEN_DIALOG
olarak ayarlanırsa 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ı için kullanılabilir ve Google Workspace eklentilerinde 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şime geçmek 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ı için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz. |
OpenLink
Köprü açan bir onClick
etkinliğini temsil eder.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "url": string, "openAs": enum ( |
Alanlar | |
---|---|
url
|
Açılacak URL. |
open
|
Bağlantıyı açma. Google Workspace eklentilerinde kullanılabilir ve Google Chat uygulamalarında kullanılamaz. |
on
|
İstemcinin, bağlantıyı açtıktan sonra bağlantıyı unutup unutmayacağını veya pencere kapanana kadar bağlantıyı gözlemleyip gözlemleyemeyeceğini belirtir. Google Workspace Eklentileriyle kullanılabilir, Google Chat uygulamalarında kullanılamaz. |
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, istemci platformu özelliklerine bağlıdır ve seçilen değer istemci tarafından desteklenmiyorsa yoksayılabilir.
FULL_SIZE
tüm müşteriler tarafından desteklenir.
Google Workspace Eklentileriyle 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çeve buysa). |
OVERLAY
|
Bağlantı, pop-up gibi bir yer paylaşımı olarak açılır. |
OnClose
Bir işlem tarafından açılan bağlantı kapatıldığında istemcinin yaptığı işlem.
OnClick
Uygulama, istemci platformu özelliklerine bağlıdır. Örneğin, bir web tarayıcısı bir bağlantıyı OnClose
işleyici içeren bir pop-up pencerede açabilir.
Hem OnOpen
hem de OnClose
işleyiciler ayarlanmışsa ve istemci platformu her iki değeri de desteklemiyorsa OnClose
öncelikli olur.
Google Workspace eklentilerinde kullanılabilir ve Google Chat uygulamalarında kullanılamaz.
Sıralamalar | |
---|---|
NOTHING
|
Varsayılan değer. Kart yeniden yüklenmez ve hiçbir şey olmaz. |
RELOAD
|
Çocuk penceresi kapandıktan sonra kartı yeniden yükler.
|
OverflowMenu
Kullanıcıların çağırabileceği bir veya daha fazla işlem içeren bir pop-up menü sunan widget. Örneğin, bir kartta birincil olmayan işlemleri gösterme. İşlemler mevcut alana sığdığında bu widget'ı kullanabilirsiniz. Kullanmak için widget'ı destekleyen widget'ların OnClick
işleminde belirtin. Örneğin, bir Button
Google Chat uygulamalarında kullanılabilir, Google Workspace Eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{
"items": [
{
object ( |
Alanlar | |
---|---|
items[]
|
Zorunlu. Menü seçenekleri listesi. |
OverflowMenuItem
Kullanıcıların taşma menüsünde çağırabileceği bir seçenek.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ "startIcon": { object ( |
Alanlar | |
---|---|
start
|
Metnin önünde gösterilen simge. |
text
|
Zorunlu. Öğeyi kullanıcılara tanımlayan veya açıklayan metin. |
on
|
Zorunlu. Bir menü seçeneği belirlendiğinde çağrılan işlem. Bu
|
disabled
|
Menü seçeneğinin devre dışı olup olmadığı. Varsayılan olarak yanlış değerine ayarlanır. |
Simge
Karttaki bir widget'ta gösterilen 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 eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "altText": string, "imageType": enum ( |
Alanlar | |
---|---|
alt
|
İsteğe bağlı. Erişilebilirlik için kullanılan simgenin açıklaması. Belirtilmediği takdirde varsayılan değer
Simge |
image
|
Resme uygulanan kırpma stili. Bazı durumlarda, kırpma uygulanması, resmin yerleşik bir simge olduğundan daha büyük çizilmesine neden olur. |
Birleştirme alanı
icons . Karttaki widget'ta gösterilen simge.
icons aşağıdakilerden yalnızca biri olabilir:
|
|
known
|
Google Workspace tarafından sağlanan yerleşik simgelerden birini gösterin.
Örneğin, uçak simgesi göstermek için Desteklenen simgelerin tam listesi için yerleşik simgeler bölümüne bakın. |
icon
|
HTTPS URL'sinde barındırılan bir özel simge görüntüleyin. Örneğin:
Desteklenen dosya türleri şunları içerir:
|
material
|
Google Material simgelerinden birini gösterin. Örneğin, onay kutusu simgesi göstermek için
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz. |
MaterialIcon
2.500'den fazla seçenek içeren bir Google Material Simgesi.
Örneğin, özelleştirilmiş ağırlık ve sınıflandırmaya sahip 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, Google Workspace Eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ "name": string, "fill": boolean, "weight": integer, "grade": integer } |
Alanlar | |
---|---|
name
|
Google Material simgesi bölümünde tanımlanan simge adı (ör. |
fill
|
Simgenin dolu olarak oluşturulup oluşturulmayacağı. Varsayılan değer yanlıştır. Farklı simge ayarlarını önizlemek için Google Yazı Tipi Simgelerine gidin ve Özelleştir bölümündeki ayarları düzenleyin. |
weight
|
Simgenin fırça kalınlığı. {100, 200, 300, 400, 500, 600, 700} arasından seçim yapın. Bu ayar 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'ne gidip Özelleştir altındaki ayarları düzenleyin. |
grade
|
Ağırlık ve sınıf, sembolün kalınlığını etkiler. Nottaki düzenlemeler, ağırlıktaki düzenlemelerden daha ayrıntılıdır ve sembolün boyutu üzerinde küçük bir etkiye sahiptir. {-25, 0, 200} arasından seçim yapın. Bu değer 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'ne gidip Özelleştir altındaki ayarları düzenleyin. |
DecoratedText
Metni, metnin üstünde veya altında bir etiket, metnin önünde bir simge, seçim widget'ı veya metnin ardından bir düğme gibi isteğe bağlı süslemelerle gösteren widget. Google Chat uygulamalarıyla ilgili bir örnek için Metni süsleme amaçlı metinle görüntüleme bölümüne bakın.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "icon": { object ( |
Alanlar | |
---|---|
icon
|
|
start
|
Metnin önünde gösterilen simge. |
top
|
|
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 metin biçimlendirme başlıklı makalelere göz atın. |
wrap
|
Metin kaydırma ayarı.
Yalnızca |
bottom
|
|
on
|
Bu işlem, kullanıcılar |
Birlik alanı
control . decoratedText widget'ındaki metnin sağ tarafında görünen bir düğme, anahtar, onay kutusu veya resim.
control
yalnızca aşağıdakilerden biri olabilir:
|
|
button
|
Kullanıcının bir işlemi tetiklemek için tıklayabileceği düğme. |
switch
|
Kullanıcının durumunu değiştirmek ve bir işlemi tetiklemek için tıklayabileceği bir anahtar widget'ı. |
end
|
Metinden sonra gösterilen bir simge. |
Düğme
Kullanıcıların tıklayabileceği bir metin, simge veya metin ve simge düğmesi. Google Chat uygulamalarında örnek görmek için Düğme ekleme başlıklı makaleyi inceleyin.
Bir resmi tıklanabilir düğme yapmak için bir
belirtin (Image
değil) ve
bir
ImageComponent
onClick
işlemi ayarlayın.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "text": string, "icon": { object ( |
Alanlar | |
---|---|
text
|
Düğmenin içinde görüntülenen metin. |
icon
|
Düğmenin içinde gösterilen simge. Hem |
color
|
İsteğe bağlı. Düğmenin rengi. Ayarlanırsa
Düğme rengini ayarlamak için Örneğin, aşağıdaki ifade rengi maksimum yoğunlukta kırmızı olarak ayarlar:
|
on
|
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
|
|
alt
|
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ü bağlantısı açıyorsa şunu yazabilirsiniz: "Yeni bir tarayıcı sekmesi açar ve https://developers.google.com/workspace/chat" adresindeki Google Chat geliştirici belgelerine gider. |
type
|
İsteğe bağlı. Düğmenin türü. Politika ayarlanmazsa düğme türü varsayılan olarak Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz. |
Renk
RGBA renk alanındaki bir rengi temsil eder. Bu gösterim, çeşitli dillerdeki renk gösterimlerine ve bu gösterimlerden dönüşümün basitliği için tasarlanmıştır. Örneğin, bu temsilin alanları Java'da java.awt.Color
sınıfının oluşturucusuna kolayca sağlanabilir; iOS'te UIColor sınıfının +colorWithRed:green:blue:alpha
yöntemine de kolayca sağlanabilir. Ayrıca, biraz çalışmayla JavaScript'te kolayca bir CSS rgba()
dizesi biçiminde ayarlanabilir.
Bu referans sayfasında, RGB değerini yorumlamak için kullanılması gereken mutlak renk alanıyla ilgili bilgiler (ör. sRGB, Adobe RGB, DCI-P3 ve BT.2020) yer almaz. Varsayılan olarak uygulamalar sRGB renk alanını kullanmalıdır.
Renk eşitliğine karar verilmesi gerektiğinde, aksi belirtilmediği sürece uygulamalar, kırmızı, yeşil, mavi ve alfa değerlerinin her biri en fazla 1e-5
kadar farklıysa iki rengi eşit olarak kabul eder.
Ö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 renkteki 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 renkteki mavi miktarı. |
alpha
|
Bu rengin piksele uygulanması gereken oranı. Yani nihai piksel rengi şu denklemle tanımlanır:
Bu, 1.0 değerinin düz bir renge karşılık gelirken, 0.0 değerinin tamamen şeffaf bir renge karşılık geldiği anlamına gelir. Bu yöntem, varsayılan değer ile ayarlanmayan değeri birbirinden ayırt edebilmek için basit bir kayan skaler yerine bir sarmalayıcı mesajı kullanır. Atlanırsa bu renk nesnesi düz renk olarak oluşturulur (alfa değerine açıkça 1,0 değeri verilmiş gibi). |
Tür
İsteğe bağlı. Düğmenin türü. color
alanı ayarlandıysa type
FILLED
değerine ayarlanır.
Google Chat uygulamalarında kullanılabilir, Google Workspace Eklentilerinde kullanılamaz.
Sıralamalar | |
---|---|
TYPE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
OUTLINED
|
Dış çizgili düğmeler orta vurgulu düğmelerdir. Bunlar genellikle önemli olan ancak bir Chat uygulamasında veya eklentide birincil işlem olmayan işlemleri içerir. |
FILLED
|
Doldurulmuş bir düğmenin düz renkli bir kapsayıcısı vardır. Görsel etki en yüksek olan bu işlem, Chat uygulamalarındaki veya eklentilerindeki önemli ve birincil işlem için önerilir. |
FILLED_TONAL
|
Doldurulmuş tonlu düğme, doldurulmuş ve kenarlıklandırılmış düğmeler arasında alternatif bir orta yoldur. Düşük öncelikli bir düğmenin, ana hat düğmesinin sağlayacağından biraz daha fazla vurgu gerektirdiği durumlarda kullanışlıdır. |
BORDERLESS
|
Düğmenin varsayılan durumunda görünmez bir kapsayıcısı yoktur. Genellikle en düşük öncelikli işlemler için kullanılır. Özellikle birden fazla seçenek sunulduğunda tercih edilir. |
Anahtar Kontrolü
Bir widget'ın içinde açma/kapatma düğmesi veya onay kutusu olmalıdır.
decoratedText
Google Chat uygulamaları ve Google Workspace Eklentilerinde 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 edinmek için Form verilerini alma başlıklı makaleyi inceleyin. |
value
|
Bir kullanıcı tarafından girilen ve form girişi etkinliği kapsamında döndürülen değer. Form girişleriyle çalışma hakkında ayrıntılar için Form verilerini alma bölümüne bakın. |
selected
|
|
on
|
Anahtar durumu değiştirildiğinde yapılacak işlem (ör. hangi işlevin çalıştırılacağı). |
control
|
Anahtarın kullanıcı arayüzünde nasıl görüneceği. Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir. |
ControlType
Anahtarın kullanıcı arayüzünde nasıl görüneceği.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
SWITCH
|
Açma/kapatma düğmesi. |
CHECKBOX
|
Kullanımdan kaldırıldı ve yerini
CHECK_BOX aldı.
|
CHECK_BOX
|
Onay kutusu. |
ButtonList
Yatay olarak yerleştirilmiş düğmelerin listesi. Google Chat uygulamalarında örnek görmek için Düğme ekleme başlıklı makaleyi inceleyin.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{
"buttons": [
{
object ( |
Alanlar | |
---|---|
buttons[]
|
Düğme dizisi. |
TextInput
Kullanıcıların metin girebileceği bir alan. Önerileri ve değişiklik yapıldığında yapılan işlemleri destekler. Google Chat uygulamaları ile ilgili bir örnek için Kullanıcının metin girebileceği bir alan ekleme bölümüne göz atın.
Chat uygulamaları, form giriş etkinlikleri sırasında girilen metnin değerini alır ve işleyebilir. Form girişleriyle çalışma hakkında ayrıntılar için Form verilerini 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 numaralandırılmış 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
|
Form girişi etkinliğinde metin girişinin tanımlandığı ad. Form girişleriyle çalışma hakkında ayrıntılı bilgi edinmek 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 ihtiyaç duyduğu bilgileri girmesine yardımcı olacak metni belirtin. Örneğin, bir kişinin adını soruyorsanız ancak özellikle soyadına ihtiyacınız varsa
|
hint
|
Metin giriş alanının altında görünen ve kullanıcılara belirli bir değer girmelerini isteyerek yardımcı olmayı amaçlayan metin. Bu metin her zaman görünür.
|
value
|
Bir kullanıcı tarafından girilen ve form girişi etkinliği kapsamında döndürülen değer. Form girişleriyle çalışma hakkında ayrıntılı bilgi edinmek 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. |
on
|
Metin giriş alanında bir değişiklik olduğunda ne yapmak gerekir? Örneğin, kullanıcının alana metin eklemesi veya metinleri silme işlemi. Yapılacak işlemlere örnek olarak özel işlev çalıştırmak veya Google Chat'te iletişim kutusu açmak gösterilebilir. |
initial
|
Kullanıcıların girebileceği önerilen değerler. Bu değerler, kullanıcılar metin giriş alanını tıkladığında görünür. Kullanıcılar yazarken önerilen değerler, kullanıcıların yazdığı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 anlamlandırabileceği değerleri girmelerine yardımcı olur. JavaScript'ten bahsederken bazı kullanıcılar
Bu parametre belirtildiğinde Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir. |
auto
|
İsteğe bağlı. Metin giriş alanı, onunla etkileşime geçen kullanıcılara öneriler sağladığında hangi işlemin yapılacağını belirtin.
Belirtilmemişse öneriler Belirtilen durumda uygulama, burada belirtilen işlemi (ör. özel işlev çalıştırma) gerçekleştirir. Google Workspace eklentilerinde kullanılabilir ve Google Chat uygulamalarında kullanılamaz. |
validation
|
Bu metin giriş alanı için gerekli doğrulamayı belirtin.
Google Chat uygulamaları ve Google Workspace eklentileri için kullanılabilir. |
placeholder
|
Alan boşken 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ı için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz. |
Tür
Metin giriş alanı kullanıcı arayüzünde nasıl görünür? Örneğin, tek satırlı bir giriş alanı mı yoksa çok satırlı bir giriş mi olabilir. initialSuggestions
belirtilirse type
, MULTIPLE_LINE
olarak ayarlanmış olsa bile her zaman SINGLE_LINE
olur.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
SINGLE_LINE
|
Metin giriş alanı sabit bir yüksekliğe (bir satır) sahiptir. |
MULTIPLE_LINE
|
Metin giriş alanının yüksekliği birden fazla satır olacak şekilde sabit. |
RenderActions
Bir karta işlem yapmasını söyleyen veya eklenti ana uygulamasını ya da Chat uygulamasını uygulamaya özgü bir işlem yapmasını söyleyen bir oluşturma talimatı grubu.
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ı tıkladığında görünür. Önerilen değerler, kullanıcılar yazdıkça dinamik olarak kullanıcıların yazdıklarıyla eşleşecek şekilde filtrelenir.
Örneğin, programlama dili için bir metin giriş alanında Java, JavaScript, Python ve C++ kodu önerilebilir. Kullanıcılar Jav
yazmaya başladığında, öneri filtreleri listesinde Java
ve JavaScript
gösterilir.
Önerilen değerler, kullanıcıların uygulamanızın anlayabileceği değerler girmesine yardımcı olur. JavaScript'ten bahsederken bazı kullanıcılar javascript
, bazı kullanıcılar ise java script
yazabilir. JavaScript
önererek kullanıcıların uygulamanızla etkileşim kurma biçimini standartlaştırabilirsiniz.
Belirtildiği durumlarda, 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 Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleştirme alanı
|
|
text
|
Metin giriş alanı için önerilen bir girişin değeri. Bu, kullanıcıların kendileri girdikleri değere eşdeğerdir. |
Doğrulama
Eklendiği widget'ı doğrulamak için gerekli verileri temsil eder.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{
"characterLimit": integer,
"inputType": enum ( |
Alanlar | |
---|---|
character
|
Metin giriş widget'ları için karakter sınırı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 Eklentilerinde kullanılabilir. |
input
|
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
|
Tür belirtilmedi. Kullanmayın. |
TEXT
|
Tüm karakterleri kabul eden normal metin. |
INTEGER
|
Tam sayı değeri. |
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 widget. Örneğin, açılır menü veya onay kutuları. Tahmin edilebilir veya sayılabilir veriler toplamak için bu widget'ı kullanabilirsiniz. Google Chat uygulamalarında 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 edinmek 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.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "name": string, "label": string, "type": enum ( |
Alanlar | |
---|---|
name
|
Zorunlu. Form girişi etkinliğindeki seçim girişini tanımlayan ad. Form girişleriyle çalışma hakkında ayrıntılı bilgi edinmek için Form verilerini alma başlıklı makaleyi inceleyin. |
label
|
Kullanıcı arayüzündeki seçim giriş alanının üzerinde görünen metin. Kullanıcının, uygulamanızın ihtiyaç duyduğu bilgileri girmesine yardımcı olacak metin belirtin. Örneğin, kullanıcılar açılır menüden bir iş biletinin aciliyetini seçiyorsa etiket "Aciliyet" veya "Aciliyeti seçin" olabilir. |
type
|
Kullanıcılara widget'ta gösterilen öğelerin türü
|
items[]
|
Seçilebilir öğelerden oluşan bir dizi. Örneğin, bir radyo düğmesi veya onay kutusu dizisi. En fazla 100 öğeyi destekler. |
on
|
Belirtilen durumlarda, seçim değiştiğinde form gönderilir. Belirtilmemişse formu gönderen ayrı bir düğme belirtmeniz gerekir. Form girişleriyle çalışma hakkında ayrıntılar için Form verilerini alma bölümüne bakın. |
multi
|
Çoklu seçim menüleri için kullanıcının seçebileceği maksimum öğe sayısı. Minimum değer 1 öğedir. Belirtilmezse varsayılan olarak 3 öğe olur. |
multi
|
Çoklu seçim menüleri için, uygulamanın otomatik tamamlama sorgusu yapmadan ve menüde önerilen öğeleri göstermeden önce kullanıcının girdiği metin karakterlerinin sayısı. Belirtilmemişse varsayılan olarak statik veri kaynakları için 0 karakter, harici veri kaynakları için ise 3 karakter olur. |
validation
|
Açılır menüler için bu seçim giriş alanının doğrulaması. Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir. |
Birlik alanı
Google Chat uygulamalarında kullanılabilir, Google Workspace Eklentilerinde kullanılamaz.
|
|
external
|
İlişkisel veri tabanı gibi harici bir veri kaynağı. |
platform
|
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 fazla onay kutusunu 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. Onay kutuları ve anahtarların birlikte kullanılması desteklenmez.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
CHECK_BOX
|
Bir dizi onay kutusu. Kullanıcılar bir veya daha fazla onay kutusunu işaretleyebilir. |
RADIO_BUTTON
|
Bir grup radyo düğmesi. Kullanıcılar bir radyo düğmesi seçebilir. |
SWITCH
|
Bir dizi anahtar. 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ğerler de girebilir. Örneğin, kullanıcılar bir Google Chat alanının adını yazmaya başlayabilir ve widget, alanı otomatik olarak önerir. Bir çoklu seçim menüsünün öğelerini 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 Çoklu seçim menüsü ekleme konusuna bakın. Google Chat uygulamaları ve Google Workspace eklentileri için kullanılabilir. |
SelectionItem
Kullanıcıların bir seçim girişinde seçebileceği bir öğe (ör. onay kutusu veya anahtar).
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "text": string, "value": string, "selected": boolean, "startIconUri": string, "bottomText": string } |
Alanlar | |
---|---|
text
|
Öğeyi kullanıcılara tanımlayan veya açıklayan metin. |
value
|
Bu öğeyle ilişkili değer. Müşteri bunu form giriş değeri olarak kullanmalıdır. Form girişleriyle çalışma hakkında ayrıntılar için Form verilerini alma bölümüne bakın. |
selected
|
Öğenin varsayılan olarak seçili olup olmadığı. Seçim girişi yalnızca tek bir değer kabul ediyorsa (radyo düğmeleri veya açılır menü gibi) bu alanı yalnızca bir öğe için ayarlayın. |
start
|
Çoklu seçim menülerinde, öğenin |
bottom
|
Çoklu seçim menüleri için öğenin alanının altında görüntülenen metin açıklaması veya etiket.
|
PlatformDataSource
Çoklu seçim menüsünü kullanan
widget'ı için Google Workspace veri kaynağı. Çoklu seçim menüsündeki öğeleri doldurmak için kullanılır.
SelectionInput
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birlik alanı
data_source . Veri kaynağı.
data_source aşağıdakilerden yalnızca biri olabilir:
|
|
common
|
Tüm Google Workspace uygulamaları tarafından paylaşılan veri kaynağı (ör. Google Workspace kuruluşlarındaki kullanıcılar). |
host
|
Google Workspace barındıran uygulamasına (ör. Google Chat'teki alanlar) özgü bir veri kaynağı. Bu alan Google API istemci kitaplıklarını destekler ancak Cloud istemci kitaplıklarında kullanılamaz. Daha fazla bilgi için İstemci kitaplıklarını yükleme bölümüne bakın. |
CommonDataSource
Tüm Google Workspace uygulamaları tarafından paylaşılan bir veri kaynağıdır.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
Sıralamalar | |
---|---|
UNKNOWN
|
Varsayılan değer. Kullanmayın. |
USER
|
Google Workspace kullanıcıları. Kullanıcı yalnızca Google Workspace kuruluşundaki kullanıcıları görüntüleyebilir ve seçebilir. |
HostAppDataSourceMarkup
Çoklu seçim menüsünü kullanan
widget'ı için (bir Google Workspace uygulamasından veri kaynağı). Veri kaynağı, çoklu seçim menüsü için seçim öğelerini doldurur.
SelectionInput
Google Chat uygulamalarında kullanılabilir, Google Workspace Eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleştirme alanı
data_source . Çoklu seçim menüsü için öğeleri dolduran Google Workspace uygulaması.
data_source aşağıdakilerden yalnızca biri olabilir:
|
|
chat
|
Google Chat'teki bir veri kaynağı. |
ChatClientDataSourceMarkup
Çoklu seçim menüsü kullanan bir
widget için Google Chat'teki bir veri kaynağı. Veri kaynağı, çoklu seçim menüsü için seçim öğelerini doldurur. Örneğin, bir kullanıcı üyesi olduğu Google Chat alanlarını seçebilir.
SelectionInput
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birlik alanı
source . Google Chat veri kaynağı.
source
yalnızca aşağıdakilerden biri olabilir:
|
|
space
|
Kullanıcının üyesi olduğu Google Chat alanları. |
SpaceDataSource
Google Chat alanlarını çoklu seçim menüsünün seçim öğeleri olarak dolduran bir veri kaynağı. Yalnızca kullanıcının üyesi olduğu alanları doldurur.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ "defaultToCurrentSpace": boolean } |
Alanlar | |
---|---|
default
|
|
DateTimePicker
Kullanıcıların tarih, saat veya hem tarih hem de saat girmesini sağlar. Google Chat uygulamalarında bir örnek için Kullanıcının tarih ve saat seçmesine izin verme 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ıların bilgileri doğru şekilde girmelerini isteyen bir hata gösterir.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "name": string, "label": string, "type": enum ( |
Alanlar | |
---|---|
name
|
Bir form giriş etkinliğinde Form girişleriyle çalışma hakkında ayrıntılı bilgi edinmek 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. |
value
|
Unix sıfır zamanı itibarıyla milisaniye cinsinden widget'ta gösterilen varsayılan değer.
Değeri, seçicinin türüne göre belirtin (
|
timezone
|
UTC ile saat dilimi arasındaki farkı dakika cinsinden temsil eden sayı. Ayarlanırsa |
on
|
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 ve saat girebileceğini belirler.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
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 bir saat girer. |
Refüj
Bu türde alan yoktur.
Widget'lar arasında yatay bir çizgi olarak bir ayırıcı gösterir. Google Chat uygulamalarına dair bir örnek için Widget'lar arasına yatay ayırıcı ekleme bölümüne bakın.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Örneğin, aşağıdaki JSON bir bölücü oluşturur:
"divider": {}
Izgara
Öğe koleksiyonu içeren bir tablo görüntüler. Öğeler yalnızca metin veya resim içerebilir. Duyarlı sütunlar veya metin ya da resimden daha fazlasını eklemek için
kullanın. Google Chat uygulamalarındaki bir örneği görmek için Öğe koleksiyonu içeren bir ızgara görüntüleme bölümüne bakın.
Columns
Izgara, istenilen sayıda sütun ve öğe destekler. Satır sayısı, öğelerin sütunlara bölünmesiyle belirlenir. 10 öğe ve 2 sütun içeren bir tabloda 5 satır vardır. 11 öğe ve 2 sütun içeren bir tabloda 6 satır bulunur.
Google Chat uygulamaları ve Google Workspace Eklentilerinde 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österilecek öğeler. |
border
|
Her bir ızgara öğesine uygulanacak kenarlık stili. |
column
|
Izgarada görüntülenecek sütun sayısı. Bu alan belirtilmezse varsayılan bir değer kullanılır ve bu varsayılan değer, ızgaranın gösterildiği yere (ileti dizisi veya yardımcı) bağlı olarak farklıdır. |
on
|
Bu geri çağırma, her bir ızgara öğesi tarafından yeniden kullanılır ancak geri çağırmanın parametrelerine eklenen öğe listesindeki öğenin tanımlayıcısı ve dizini kullanılır. |
GridItem
Izgara düzenindeki bir öğeyi temsil eder. Öğeler metin, resim veya hem metin hem de resim içerebilir.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "id": string, "image": { object ( |
Alanlar | |
---|---|
id
|
Bu tablo öğesi için kullanıcı tarafından belirtilen tanımlayıcı. Bu tanımlayıcı, üst ızgaranın |
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. |
ImageComponent
Bir resmi temsil eder.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "imageUri": string, "altText": string, "cropStyle": { object ( |
Alanlar | |
---|---|
image
|
Resim URL'si. |
alt
|
Resmin erişilebilirlik etiketi. |
crop
|
Resme uygulanacak kırpma stili. |
border
|
Resme uygulanacak kenarlık stili. |
ImageCropStyle
Resme uygulanan kırpma stilini gösterir.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Örneğin, 16:9 en boy oranını uygulamak için:
cropStyle {
"type": "RECTANGLE_CUSTOM",
"aspectRatio": 16/9
}
JSON gösterimi |
---|
{
"type": enum ( |
Alanlar | |
---|---|
type
|
Kırpma türü. |
aspect
|
Kırpma türü Örneğin, 16:9 en boy oranının nasıl uygulanacağı aşağıda açıklanmıştır:
|
ImageCropType
Resme uygulanan kırpma stilini gösterir.
Google Chat uygulamaları ve Google Workspace eklentilerinde 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 en boy oranına sahip dikdörtgen bir kırpma uygular. Özel en boy oranını aspectRatio ile ayarlayın.
|
RECTANGLE_4_3
|
4:3 en boy oranına sahip dikdörtgen bir kırpma uygular. |
BorderStyle
Kenarlık türü ve rengi dahil olmak üzere bir kartın veya widget'ın kenarlığı için stil seçenekleri.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
JSON gösterimi |
---|
{ "type": enum ( |
Alanlar | |
---|---|
type
|
Kenarlık türü. |
stroke
|
Tür
Çizgi rengini ayarlamak için Örneğin, aşağıdaki ifade rengi maksimum yoğunlukta kırmızı olarak ayarlar:
|
corner
|
Kenarlığın köşe yarıçapı. |
BorderType
Widget'lara uygulanan kenarlık türlerini gösterir.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
BORDER_TYPE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
NO_BORDER
|
Varsayılan değer. Kenarlık yok. |
STROKE
|
Ana hat. |
GridItemLayout
Bir ızgara öğesi için kullanılabilen çeşitli düzen seçeneklerini temsil eder.
Google Chat uygulamaları ve Google Workspace eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
GRID_ITEM_LAYOUT_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
TEXT_BELOW
|
Başlık ve alt başlık, ızgara öğesinin 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 kartta 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ındaki bir örneği görmek için Kartları ve iletişim kutularını sütunlarda görüntüleme bölümüne bakın.
Her bir 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 satır tanımlayamaz veya sütunlar arasında widget'ları hizalayamazsınız.
Sütunlar yan yana görüntülenir. HorizontalSizeStyle
alanını kullanarak her sütunun genişliğini özelleştirebilirsiniz. Kullanıcının ekran genişliği çok darsa ikinci sütun ilk sütunun altına yerleştirilir:
- Web'de, ekran genişliği 480 pikselden az veya eşitse ikinci sütun kaydırılır.
- iOS cihazlarda, ekran genişliği 300 puntodan az veya bu değere eşitse ikinci sütun kaydırılır.
- Android cihazlarda, ekran genişliği 320 dp'den az veya bu değere eşitse ikinci sütun sarmalanır.
İkiden 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. Sütunları destekleyen eklenti kullanıcı arayüzleri şunlardır:
- Kullanıcılar eklentiyi bir e-posta taslağından açtığında gösterilen iletişim kutusu.
- Kullanıcılar bir Google Takvim etkinliğinde Ek iliştir menüsünden eklentiyi açtığında gösterilen iletişim kutusu.
JSON gösterimi |
---|
{
"columnItems": [
{
object ( |
Alanlar | |
---|---|
column
|
Sütun dizisi. Bir karta veya iletişim kutusuna en fazla 2 sütun ekleyebilirsiniz. |
Sütun
Bir sütun.
JSON gösterimi |
---|
{ "horizontalSizeStyle": enum ( |
Alanlar | |
---|---|
horizontal
|
Bir sütunun kartın genişliğini nasıl doldurduğunu belirtir. |
horizontal
|
Widget'ların bir sütunun sol, sağ veya ortasına hizalanıp hizalanmayacağını belirtir. |
vertical
|
Widget'ların bir sütunun üstüne, altına veya ortasına hizalanıp hizalanmayacağını belirtir. |
widgets[]
|
Bir sütunda yer alan bir dizi widget. 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
sütunun 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ın genişliğinin %70'ine kadar olan kullanılabilir alanı doldurur. Her iki sütun da FILL_AVAILABLE_SPACE olarak ayarlanırsa her sütun alanın %50'sini doldurur.
|
FILL_MINIMUM_SPACE
|
Sütun, mümkün olan en az alanı doldurur ve kartın genişliğinin en fazla %30'unu kaplar. |
YatayHizala
Widget'ların bir sütunun soluna, sağına veya ortasına hizalanıp hizalanmayacağını belirtir.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde 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 hizalanır. Sağdan sola düzenler için sağa hizalanır. |
CENTER
|
Widget'ları sütunun ortasına hizalar. |
END
|
Widget'ları sütunun son konumuna hizalar. Soldan sağa düzenlerde, 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.
Sıralamalar | |
---|---|
VERTICAL_ALIGNMENT_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
CENTER
|
Varsayılan değer. Widget'ları bir sütunun ortasına hizalar. |
TOP
|
Widget'ları sütunun üst tarafına hizalar. |
BOTTOM
|
Widget'ları bir sütunun alt kısmına hizalar. |
Widget'lar
Bir sütuna ekleyebileceğiniz desteklenen widget'lar.
JSON gösterimi |
---|
{ // Union field |
Alanlar | |
---|---|
Birleştirme alanı
|
|
text
|
|
image
|
|
decorated
|
|
button
|
|
text
|
|
selection
|
|
date
|
|
chip
|
|
ChipList
Yatay olarak yerleştirilmiş çiplerin listesi. Bu liste yatay olarak kaydırılabilir veya bir sonraki satıra sarılabilir.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ "layout": enum ( |
Alanlar | |
---|---|
layout
|
Belirtilen çip listesi düzeni. |
chips[]
|
Bir dizi çip. |
Düzen
Çip listesi düzeni.
Sıralamalar | |
---|---|
LAYOUT_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
WRAPPED
|
Varsayılan değer. Yeterli yatay alan yoksa çip listesi sonraki satıra kaydırılır. |
HORIZONTAL_SCROLLABLE
|
Kullanılabilir alana sığmayan çipler yatay olarak kaydırılır. |
Çip
Kullanıcıların tıklayabileceği bir metin, simge veya metin ve simge çipi.
Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ "icon": { object ( |
Alanlar | |
---|---|
icon
|
Simge resmi. Hem |
label
|
Çipin içinde görüntülenen metin. |
on
|
İsteğe bağlı. Kullanıcı çipi tıkladığında yapılacak işlem (ör. köprü açma veya özel işlev çalıştırma). |
enabled
|
Çipin etkin durumda olup olmadığını ve kullanıcı işlemlerine yanıt verip vermediğini belirtir. Varsayılan olarak |
disabled
|
Çipin etkin durumda olup olmadığını ve kullanıcı işlemlerini yoksayıp yoksamadığını belirtir. Varsayılan olarak |
alt
|
Erişilebilirlik için kullanılan alternatif metin. Kullanıcılara çipin ne işe yaradığını gösteren açıklayıcı bir metin ayarlayın. Örneğin, bir çip köprü açıyorsa şunu yazın: "Yeni bir tarayıcı sekmesi açar ve https://developers.google.com/workspace/chat" adresindeki Google Chat geliştirici belgelerine gider. |
CollapseControl
Genişletme ve daraltma kontrolünü temsil eder. Google Chat uygulamaları için kullanılabilir ve Google Workspace eklentilerinde kullanılamaz.
JSON gösterimi |
---|
{ "horizontalAlignment": enum ( |
Alanlar | |
---|---|
horizontal
|
Genişlet ve daralt düğmesinin yatay hizalaması. |
expand
|
İsteğe bağlı. Bölümü genişletmek için özelleştirilebilir bir düğme tanımlayın. HemexpandButton hem expandButton alanı ayarlanmalıdır. Yalnızca bir alan grubu geçerli olmaz. Bu alan ayarlanmazsa varsayılan düğme kullanılır. |
collapse
|
İsteğe bağlı. Bölümü daraltmak için özelleştirilebilir bir düğme tanımlayın. Hem expandButton hem de collapseButton alanı ayarlanmalıdır. Yalnızca bir alan grubu geçerli olmaz. Bu alan ayarlanmazsa varsayılan düğme kullanılır. |
DividerStyle
Kartın ayırıcı stili. Şu anda yalnızca kart bölümleri arasındaki ayırıcılar için kullanılır.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
Sıralamalar | |
---|---|
DIVIDER_STYLE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
SOLID_DIVIDER
|
Varsayılan seçenek. Güçlü bir ayırıcı oluşturun. |
NO_DIVIDER
|
Ayarlanırsa bölücü oluşturulmaz. Bu stil, ayırıcıyı düzenden tamamen kaldırır. Sonuç, hiç bölücü eklememekle aynıdır. |
CardAction
Kart işlemi, kartla ilişkili işlemdir. Örneğin, bir fatura kartı; faturayı silme, faturayı e-postayla gönderme veya faturayı bir tarayıcıda açma gibi işlemleri içerebilir.
Google Workspace eklentilerinde kullanılabilir ve Google Chat uygulamalarında kullanılamaz.
JSON gösterimi |
---|
{
"actionLabel": string,
"onClick": {
object ( |
Alanlar | |
---|---|
action
|
İşlem menüsü öğesi olarak görüntülenen etiket. |
on
|
Bu işlem öğesi için |
DisplayStyle
Google Workspace Eklentileri'nde bir kartın nasıl gösterileceğini belirler.
Google Workspace Eklentileriyle kullanılabilir, Google Chat uygulamalarında kullanılamaz.
Sıralamalar | |
---|---|
DISPLAY_STYLE_UNSPECIFIED
|
Kullanmayın. Belirtilmedi. |
PEEK
|
Kartın başlığı, kenar çubuğunun alt kısmında görünür ve grubun mevcut üst kartını kısmen kapatır. Başlığı tıkladığınızda kart, kart yığınına eklenir. Kartta başlık yoksa bunun yerine oluşturulmuş bir başlık kullanılır. |
REPLACE
|
Varsayılan değer. Kart, kart grubundaki en üstteki kartın görünümü değiştirilerek gösterilir. |