项目需要实现这样一个效果.

然后就在网上找资料.但资料很少.我也不知道是大家在平时碰到这种效果机会少呢还是这个效果就是菜鸟级别,入门就懂的.不管是哪种,我都把我实现的方法给记录下来吧.

话说,就在我焦头烂额还是没能解决这个问题时,我跟部门设计同事说:"你设计的这个图片太大了,造成一行最少也要显示2个文字".

他告诉我一个方法,一语惊醒梦中人.然后感慨,我们设计的思维都要比我厉害.囧哪~

进入正题:

最后解决办法是:将TextView包裹在一个LinearLayou中,LinearLayout设置背景图片,TextView限定高和宽,问题圆满解决.其实说白了就是TextView的宽度问题.一开始我设置的TextView高和宽是wrap_content这样就造成了两个文字才自动换行.但是限定宽度之后,一行只能显示一个文字,因此,TextView就实现了一行只显示一个文字的效果了.

布局代码:

android:id="@+id/main_cooperation"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_alignParentRight="true"

android:layout_marginBottom="60dp"

android:background="@drawable/commercial_right02"

android:gravity="center_vertical" >

android:id="@+id/main_cooperation_tv"

android:layout_width="20dp"

android:layout_height="100dp"

android:layout_marginLeft="10dp"

android:text="@string/main_cooperation"

android:textColor="@color/main_category_4"

android:textSize="@dimen/main_category_tx_size2" />