호스트 구성-JavaScriptHost config - JavaScript

// Create an AdaptiveCard instance
var adaptiveCard = new AdaptiveCards.AdaptiveCard();

// Set its hostConfig property unless you want to use the default Host Config
// Host Config defines the style and behavior of a card
adaptiveCard.hostConfig = new AdaptiveCards.HostConfig({
    fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
    // More host config options
});

// Render the card to an HTML element:
var renderedCard = adaptiveCard.render();

사용자 지정Customization

적응 카드 렌더링을 사용자 지정 하는 방법에는 3 가지가 있습니다.There are 3 ways to customize the adaptive card rendering:

  1. 호스트 구성Host Config
  2. CSS 스타일 지정CSS styling
  3. 사용자 지정 요소 렌더링Custom element rendering

HostConfigHostConfig

호스트 구성은 모든 렌더러가 이해하는 공유 구성 개체입니다.A Host Config is a shared configuration object that all renderers understand. 이 구성을 사용하면 각 플랫폼 렌더러에서 자동으로 해석되는 공통 스타일(예: 글꼴 패밀리, 글꼴 크기, 기본 간격) 및 동작(예: 최대 작업 수)를 정의할 수 있습니다.This allows you to define common styles (e.g., font family, font sizes, default spacing) and behaviors (e.g., max number of actions) that will be automatically interpreted by each platform renderer.

사용자 작업을 최소화하면서 각 플랫폼 렌더러에서 생성하는 네이티브 UI를 최대한 비슷하게 만드는 것이 목표입니다.The goal is that the native UI generated by each platform renderer will look very similar with minimal work on your part.

var renderOptions = {
    ...
    hostConfig: {
        // Define your host config object here
        // See the HostConfig docs for details
    }
};