如何在TextView中添加不同方向的圖片

在TextView 中如何添加圖片 

第一種 在xml 文件中利用TextView的屬性開添加不同方位的圖片:

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:background="#ccc"  
  7.     tools:context="com.lsc.yumo.textdemo.MainActivity">  
  8.     <!--drawableTop屬性:圖片在文字的上方-->  
  9.     <!--drawableRight:圖片在文字的右邊-->  
  10.     <!--drawableLeft:圖片在文字的左邊-->  
  11.     <!--drawableBottom:圖片在文字的下方-->  
  12.   
  13.     <!--drawablePadding:圖片與文字的間距-->  
  14.     <TextView  
  15.         android:id="@+id/main_tv"  
  16.         android:layout_width="wrap_content"  
  17.         android:layout_height="wrap_content"  
  18.         android:layout_centerInParent="true"  
  19.         android:drawablePadding="10dp"  
  20.         android:drawableTop="@mipmap/ic_launcher"  
  21.         android:gravity="center"  
  22.         android:text="測試"  
  23.         android:textSize="18sp" />  
  24.   
  25. </RelativeLayout>  

效果圖如下:



第二種方法 在java代碼中實現:

[java] view plain copy
  1. public class MainActivity extends AppCompatActivity {  
  2.     TextView mainTv;  
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.activity_main);  
  7.         mainTv = findViewById(R.id.main_tv);  
  8. //        獲取圖片資源的Drawable對象  
  9.         Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher);  
  10. //        設置圖片對象的位置和大小 這樣就可以更改圖片的大小  
  11.         drawable.setBounds(0,0,50,50);  
  12. //        限定圖片資源在textView 中的位置 drawable在什麼位置 圖片就顯示在什麼位置  
  13. //        在不需要顯示的位置設置爲null 如果在多個位置顯示則同時存在  
  14.         mainTv.setCompoundDrawables(drawable,null,null,null);  
  15. //        設置圖片與文字之間的間距  
  16.         mainTv.setCompoundDrawablePadding(20);  
  17.   
  18.     }  
  19. }  

效果圖如下:

發佈了33 篇原創文章 · 獲贊 5 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章