(window.webpackJsonp=window.webpackJsonp||[]).push([[1064],{1537:function(t,e,o){"use strict";o.r(e);var a=o(4),n=Object(a.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("h1",{attrs:{id:"use-interface-x-components-for-android-library"}},[o("a",{staticClass:"edoc-header-anchor",attrs:{href:"#use-interface-x-components-for-android-library"}},[o("div",{staticClass:"edoc-anchor-icon",staticStyle:{content:"url(/assets/icons/anchor-link.svg)"}})]),t._v(" Use Interface X Components for Android library")]),t._v(" "),o("p",[t._v("The Interface X Components library includes pre-built Android views to easily load and display data from the Empathy Search API.")]),t._v(" "),o("p",[t._v("The library builds on top of the "),o("strong",[t._v("Interface X types library")]),t._v(" (x-types). It provides ViewModels for each view to easily populate with data and handle input events. These "),o("a",{attrs:{href:"https://developer.android.com/topic/libraries/architecture/viewmodel",target:"_blank",rel:"noopener noreferrer"}},[t._v("Jetpack ViewModels"),o("OutboundLink")],1),t._v(" are used to easily connect to the search adapter ("),o("code",[t._v("x-android-adapter")]),t._v(") to fetch data and perform actions, allowing the components to retain data across configuration changes.")]),t._v(" "),o("div",{staticClass:"custom-block interact"},[o("p",{staticClass:"custom-block-title"},[t._v("interact")]),t._v(" "),o("p",[t._v("For more information on the dependencies of this library, see "),o("RouterLink",{attrs:{to:"/develop-empathy-platform/build-search-ui-apps/apps-x-components-integration-android.html"}},[t._v("Integrate Interface X Components for Android")]),t._v(".")],1)]),t._v(" "),o("h2",{attrs:{id:"customize-the-x-components"}},[o("a",{staticClass:"edoc-header-anchor",attrs:{href:"#customize-the-x-components"}},[o("div",{staticClass:"edoc-anchor-icon",staticStyle:{content:"url(/assets/icons/anchor-link.svg)"}})]),t._v(" Customize the X Components")]),t._v(" "),o("p",[t._v("The X Components offer customization options via "),o("strong",[t._v("XML attributes")]),t._v(". You can use XML attributes to change component behavior or apply changes in styling.")]),t._v(" "),o("p",[t._v("You can also style the components via "),o("strong",[t._v("themes")]),t._v(".")]),t._v(" "),o("div",{staticClass:"custom-block warning"},[o("p",{staticClass:"custom-block-title"},[t._v("warning")]),t._v(" "),o("p",[t._v("If you use the Interface X Components for Android library, bear in mind that it uses "),o("strong",[t._v("Material elements")]),t._v(". Make sure that you use a "),o("a",{attrs:{href:"https://material.io/develop/android/docs/getting-started",target:"_blank",rel:"noopener noreferrer"}},[t._v("Material theme"),o("OutboundLink")],1),t._v(" in your application before adding the components. For more information, see "),o("RouterLink",{attrs:{to:"/develop-empathy-platform/build-search-ui-apps/apps-x-components-integration-android.html#_2-install-the-project-dependencies"}},[t._v("Install the project dependencies")]),t._v(".")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]);