Mobile Platform as a Service:Icon component

The iconfont control functions similarly to a TextView and uses a TrueType Font (TTF) file. An iconfont is a single font file that contains multiple icons, and each icon is mapped to a unique Unicode code.

Each iconfont collection is a single TTF file. You can load multiple TTF files, and each file is identified by a name. The default name for the AntUI TTF file is `auiconfont`.

Preview

Icon resources

API reference

    /**
     * Sets the image resource ID.
     * @param resId
     * @return
     */
    @Override
    public AUIconView setImageResource(int resId) {
        if (resId == 0) {
            return this;
        }
        clearView();
        initImageView();
        imageView.setImageResource(resId);
        this.addView(imageView);
        return this;
    }

    /**
     * Sets the image resource as a drawable.
     * @param drawable
     * @return
     */
    @Override
    public IconfontInterface setImageDrawable(Drawable drawable)

    /**
     * Sets the iconfont color.
     * @param color
     * @return
     */
    public AUIconView setIconfontColor(int color) 

    /**
     * Sets the iconfont color as a ColorStateList.
     * @param color
     * @return
     */
    public AUIconView setIconfontColorStates(ColorStateList color)


    /**
     * Sets the size of the view in pixels (px).
     *
     * @param size
     */
    public AUIconView setIconfontSize(float size)


    /**
     * Sets the iconfont resource or text for the view.
     * @param text
     * @return
     */
    @Override
    public AUIconView setIconfontUnicode(String text)

Code examples

• Set the icon information:

  AUIconView iconView = (AUIconView) convertView.findViewById(R.id.icon_view);
  iconView.setIconfontUnicode(iconUnicode);
  
  // For example
  //iconView.setIconfontUnicode(getResources().getString(com.alipay.mobile.antui.R.string.iconfont_phone_contact));

• Set the icon color:

  <com.alipay.mobile.antui.iconfont.AUIconView
          android:id="@+id/icon_view"
          android:layout_width="@dimen/size"
          android:layout_height="@dimen/size"
          app:iconfontColor="@com.alipay.mobile.antui:color/AU_COLOR_APP_GREEN"
          app:iconfontUnicode="@com.alipay.mobile.antui:string/iconfont_back"/>
  
  //or:
  iconView.setIconfontColor(color)
  iconView.setIconfontColorStates(colorStateList)