How to add custom font in app inventor option?

vknow360 · January 13, 2021, 1:29pm

Hi @Tauqir_Tech_BD
This should work fine:

Add font name in YoungAndroidFontTypefaceChoicePropertyEditor.java file.
Add font name in OdeMessages.java and Component.java files.
(I assume you know how to add values there )
Now you will have to do some modifications in TextViewUtil.java.
Add this:

case Component.YOUR_FONT :
     tf = Typeface.createFromAsset(form.getAssets(),"your_font.ttf");
     break;

Make sure you add ttf file to assets.

Tauqir_Tech_BD · January 13, 2021, 5:25pm

Thanks for helping me

Tauqir_Tech_BD · January 14, 2021, 3:29pm

which folder is the assets folder. If you are talking about apps asset folder then please I don't want to upload everytime please give me another way or if not then which?

Android_Builder · February 9, 2021, 7:28am

appinventor-sources/appinventor/appengine/war/static/ fonts /

Tauqir_Tech_BD · February 18, 2021, 2:24am

Having this error when I tried this:

[javac] C:\Users\Administrator\appinventor-sources\appinventor\components\src\com\google\appinventor\components\runtime\util\TextViewUtil.java:149: error: non-static method getAssets() cannot be referenced from a static context

BUILD FAILED
C:\Users\Administrator\appinventor-sources\appinventor\build.xml:16: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\build-common.xml:341: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\components\build.xml:215: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\build-common.xml:125: Compile failed; see the compiler error output for details.

Aarush_Kumar · February 18, 2021, 3:03am

is that full error?

Tauqir_Tech_BD · February 18, 2021, 11:03am

Yes this is the only error

Kumaraswamy · February 18, 2021, 11:07am

This is the error.

Tauqir_Tech_BD · February 19, 2021, 2:57am

Yes how to solve this error van you help me

ewpatton · February 19, 2021, 2:09pm

Since we can't see your code, the most likely thing I can think of is that you're doing something like Context.getAssets(), which is wrong because getAssets() is an instance method but Context is a class. You need to call it on an instance of Context instead, typically by calling getContext() on some other Android object. If you've got an instance of Form lying around, it is a Context so you could also use that.

Tauqir_Tech_BD · February 20, 2021, 2:57am

github.com

mit-cml/appinventor-sources/blob/50af1648c96effa6be0db0e3e08921c9d6cf2903/appinventor/components/src/com/google/appinventor/components/runtime/util/TextViewUtil.java#L22


import android.graphics.Typeface;
import android.view.Gravity;
import android.widget.TextView;
import android.text.Html;
import android.content.Context;


/**
 * Helper methods for manipulating {@link TextView} objects.
 *
 */
public class TextViewUtil {


  private TextViewUtil() {
  }


  /**
   * TextView alignment setter.
   *
   * @param alignment  one of {@link Component#ALIGNMENT_NORMAL},
   *                   {@link Component#ALIGNMENT_CENTER} or
   *                   {@link Component#ALIGNMENT_OPPOSITE}

Code:

github.com

mit-cml/appinventor-sources/blob/cc121a481d7edd75878f24c3ccac70fa8584daa8/appinventor/appengine/src/com/google/appinventor/client/editor/youngandroid/properties/YoungAndroidFontTypefaceChoicePropertyEditor.java

// -*- mode: java; c-basic-offset: 2; -*-
// Copyright 2009-2011 Google, All Rights reserved
// Copyright 2011-2012 MIT, All rights reserved
// Released under the Apache License, Version 2.0
// http://www.apache.org/licenses/LICENSE-2.0

package com.google.appinventor.client.editor.youngandroid.properties;

import static com.google.appinventor.client.Ode.MESSAGES;
import com.google.appinventor.client.widgets.properties.ChoicePropertyEditor;

/**
 * Property editor for font typeface of text.
 *
 */
public class YoungAndroidFontTypefaceChoicePropertyEditor extends ChoicePropertyEditor {

  // Font typeface choices
  private static final Choice[] fontTypefaces = new Choice[] {
    new Choice(MESSAGES.defaultFontTypeface(), "0"),

This file has been truncated. show original

code:

github.com

mit-cml/appinventor-sources/blob/cc121a481d7edd75878f24c3ccac70fa8584daa8/appinventor/appengine/src/com/google/appinventor/client/OdeMessages.java

// -*- mode: java; c-basic-offset: 2; -*-
// Copyright 2009-2011 Google, All Rights reserved
// Copyright 2011-2020 MIT, All rights reserved
// Released under the Apache License, Version 2.0
// http://www.apache.org/licenses/LICENSE-2.0

package com.google.appinventor.client;

import com.google.gwt.i18n.client.LocalizableResource;
import com.google.gwt.i18n.client.Messages;

/**
 * I18n strings for {@link Ode}.
 *
 */
@LocalizableResource.Generate(format = "com.google.gwt.i18n.rebind.format.PropertiesFormat")
public interface OdeMessages extends Messages, AutogeneratedOdeMessages {
  // Used in multiple files

  @DefaultMessage("Default")

This file has been truncated. show original

Code:

Tauqir_Tech_BD · February 20, 2021, 3:04am

After changing context.getassets to form.getasset im getting
this error:

[javac] C:\Users\Administrator\appinventor-sources\appinventor\components\src\com\google\appinventor\components\runtime\util\TextViewUtil.java:149: error: cannot find symbol
[javac]         tf = Typeface.createFromAsset(form.getAssets(),"MaterialIcons-Regular.ttf");
[javac]                                       ^
[javac]   symbol:   variable form
[javac]   location: class TextViewUtil
[javac] Note: Some input files use or override a deprecated API.
[javac] Note: Recompile with -Xlint:deprecation for details.
[javac] Note: Some input files use unchecked or unsafe operations.
[javac] Note: Recompile with -Xlint:unchecked for details.
[javac] 1 error
BUILD FAILED
C:\Users\Administrator\appinventor-sources\appinventor\build.xml:16: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\build-common.xml:341: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\components\build.xml:215: The following error occurred while executing this line:
C:\Users\Administrator\appinventor-sources\appinventor\build-common.xml:125: Compile failed; see the compiler error output for details.

Tauqir_Tech_BD · February 22, 2021, 3:33pm

@ewpatton please help

Techno_Vedang · February 23, 2021, 5:30am

Use container.$form().getAssets();

Tauqir_Tech_BD · February 24, 2021, 5:33pm

Not working

ewpatton · February 24, 2021, 6:01pm

Because this is a util class, you won't have necessarily have access to the form. However, I think the View class in Android has a getContext method, which you should be able to use to get the necessary context for asset lookups.

Know_About_IT · April 16, 2021, 6:34am

Well, I have an idea for you @Tauqir_Tech_BD That will work for sure (I am also testing it)

Know_About_IT · April 16, 2021, 6:38am

Make a file selection box under label (Properties) add a custom font interface label before it to tell users what it does. Now, add the code that will set that font face to the one of .ttf file chosen by user. U can see the code of You font extension by Ken for reference to how to do so

Regards

Aarush_Kumar · April 16, 2021, 9:28am

use

container.$context.getAssets();

Soporte_NeoBook · March 20, 2023, 10:55pm

Hello everyone,
Maybe this will help to simplify the problem, with a very simple example, working with android 12

You can download the apk from this link:

https://aplicaciones.xp3.biz/david/MyIcons.zip

To know the codes of each character:

Install Regular Font Awesome 6 Free here:

https://use.fontawesome.com/releases/v6.3.0/fontawesome-free-6.3.0-web.zip

install the font
find or run in Windows: Charmap.exe

Select the font and you will find the icons of this font

Before clicking on a character/icon, you will see the tooltip of the code that corresponds to it, we need the last 4 digits (exclude "U+") and those are the codes that the apk example puts.

The rest is to select that inputbox, and the slider to make it expand

To make it clickable, I used the ClickZ extension. see at:

Enjoy!

David