TextMesh Pro 的图文混排功能:插入自定义表情图

新的油管教程https://www.youtube.com/watch?v=q1pwuBhpr5E

制作Sprite Assets:

首先有张图片格式的图集,导入设置Sprite Mode为Multiple, 然后自动或手动分割。

切好图后,右键单击图片(或点击菜单栏的Assets),Create>TextMeshPro>Sprite Asset

于是就得到了一个.asset的图片资源

创建Sprite Asset

资源中每张图的顺序、名称、x/y偏移、间距、缩放 都可以随时调整。 

更改默认的SpriteAsset

TMP默认的表情图集是自带的一个笑脸表情集,可以用自己创建的改为默认。

找到TMP Settings.asset,在Inspector中修改Default Sprite Asset 即可。

注意Path 表示的文件夹,所有的Sprite Asset一定要放在此路径下,表情才可以被显示出来。

调用

调用默认图集中的图:

<sprite=9>//默认图集+索引

<sprite name="happy"> //默认图集+图名

调用指定图集中的图:
 

<sprite="MySprites" index=9> //指定图集+索引

<sprite="MySprites" name="happy">//指定图集+图名

叠加颜色

<sprite=9 tint=1>//使用文字的叠加颜色/透明度。文字叠加的颜色同样被应用到图片上。tint=0 不叠加 tint=1 叠加

<sprite=9 color=#ffffff80>//使用特定的颜色/透明度 ,不随文字变化

修改图与不同字体的大小比例

选中字体资源,在Inspector中调整Ascender

 

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现图文混排,可以使用一个自定义的 EditText 控件,并在其中添加一个 ImageView 控件来实现。 以下是实现方法: 1.创建一个自定义的带有 ImageView 控件的 EditText 控件。 ```java public class RichEditText extends androidx.appcompat.widget.AppCompatEditText { public RichEditText(Context context) { super(context); } public RichEditText(Context context, AttributeSet attrs) { super(context, attrs); } public RichEditText(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } //插入图片 public void insertImage(Bitmap bitmap) { SpannableString ss = new SpannableString(" "); ImageSpan span = new ImageSpan(getContext(), bitmap); ss.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); append(ss); } } ``` 2.在布局文件中使用自定义的 EditText 控件。 ```xml <com.example.richedittextdemo.RichEditText android:id="@+id/edit_text" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 3.在 Activity 中获取自定义的 EditText 控件,并添加一个点击事件。 ```java public class MainActivity extends AppCompatActivity { private RichEditText editText; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); editText = findViewById(R.id.edit_text); editText.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //调用选择图片的方法 chooseImage(); } }); } //选择图片 private void chooseImage() { Intent intent = new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI); startActivityForResult(intent, 1); } @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (resultCode == RESULT_OK && requestCode == 1) { try { Uri selectedImage = data.getData(); InputStream inputStream = getContentResolver().openInputStream(selectedImage); Bitmap bitmap = BitmapFactory.decodeStream(inputStream); editText.insertImage(bitmap); } catch (FileNotFoundException e) { e.printStackTrace(); } } } } ``` 4.在 onActivityResult 方法中获取选择的图片,并调用自定义的 EditText 控件的 insertImage 方法,将图片插入到 EditText 中。 以上就是在 Android 中实现 EditText 插入图片并实现图文混排的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值