Android自定义控件图片+文字布局
原本想用Tabrow来布局一组上面是图片下面是文字说明的控件，但是发现Tabrow不像想象的那样简易，而且这几组之间的控件距离不好把握，在网上找了两种方法以供参照。
方法一、利用RadioButton巧妙的实现布局
&LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="vertical"&
&RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:button="@null"
android:drawableTop="@drawable/vibrator48"
android:text="测试" /&
&RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableTop="@drawable/vibrator"
android:text="测试" /&
&/LinearLayout&
利用RadioButton的配置参数drawableTop实现文字和图片的布局，当然还可以用drawablepadding来设置图片和文字的距离。类似的控件还有TextView、ChexBox等。但是好像他对太大的图片时，下面的文字不能居中显示。
方法二、自定义控件
自定义控件是Android中玩得比较高级的一种思路，可以把布局做的很炫，但是实现起来自然会没有方法一那么方便。
1、写布局文件
写一个图片和文字框的布局文件image_text_button.xml.推荐调试时将资源文件写进去，方便布局调试。
&?xml version="1.0" encoding="utf-8"?&
&LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:alpha="20"
android:orientation="vertical"&
&ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/vibrator"
android:scaleType="centerInside"
android:paddingBottom="2dip"/&
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="测试"/&
&/LinearLayout&
2、对应布局文件写一个类
写一个对应布局文件的类，这个类继承LinearLayout的ImageTextButton.java
package com.example.
import android.content.C
import android.util.AttributeS
import android.view.LayoutI
import android.widget.ImageV
import android.widget.LinearL
import android.widget.TextV
public class ImageTextButton extends LinearLayout {
private ImageView mImgView =
private TextView mTextView =
private Context mC
public ImageTextButton(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater.from(context).inflate(R.layout.image_text_button, this, true);
mContext =
mImgView = (ImageView)findViewById(R.id.img);
mTextView = (TextView)findViewById(R.id.text);
/*设置图片接口*/
public void setImageResource(int resId){
mImgView.setImageResource(resId);
/*设置文字接口*/
public void setText(String str){
mTextView.setText(str);
/*设置文字大小*/
public void setTextSize(float size){
mTextView.setTextSize(size);
3、将自定义控件应用到布局文件中
&LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="horizontal" &
&com.example.test.ImageTextButton
android:id="@+id/itbTest"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" /&
&com.example.test.ImageTextButton
android:id="@+id/itbTest"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" /&
&com.example.test.ImageTextButton
android:id="@+id/itbTest"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" /&
&/LinearLayout&4、在Activity引用自定义控件
public class MainActivity extends Activity implements OnClickListener{
ImageView imageV
private long speed = 1200;
private ImageTextButton itbT
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Log.i("jobschu", "onCreate");
itbTest = (ImageTextButton)findViewById(R.id.itbTest);
itbTest.setImageResource(R.drawable.vibrator);
itbTest.setText("测试");
itbTest.setTextSize(10);
itbTest.setOnClickListener(this);
没有更多推荐了，怎么样制作有字图片,下面是白色的可以打字,上面是图片,像这样
按时间排序
比如picsart
photo shop 很简单
新建一张图。用文字工具把文完打进去。调文字字体，大小。位置。颜色。保存。。。JGP。搞定。
感谢您为社区的和谐贡献力量请选择举报类型
经过核实后将会做出处理感谢您为社区和谐做出贡献
确定要取消此次报名，退出该活动？
请输入私信内容：photoshop怎么将图片嵌入到文字中,就像下面这张图片一样怎样做得的?如果不是ps是用什么软件做得
按时间排序
PS就完全能做 把照片拍好版合并成一个图层 然后新建图层写上大的520三个字 然后按住ctrl点击520图层的缩略图创建选区然后选中拼接好的照片的图层 右键选区选择反向 delete删除，然后把520的那个图层删掉就行了
【编辑】-【变换】-【水平翻转】或者ctrl+T。然后上面把“W”的那个数据设成-100%。回车就可以
打好文字，再将图片放入其中，按Ctrl+Alt+g，再将它们宿小就KO了
楼上的已经很全面的了，在core里可能会更迅速。直接置入
PS好做，CORELDRAW也好做
图片一层文字一层添加蒙板
点击图层右键把图层删格化后，用　编辑　　菜单下的　　变换　　下的水平翻转命令希望对你有帮助
感谢您为社区的和谐贡献力量请选择举报类型
经过核实后将会做出处理感谢您为社区和谐做出贡献
确定要取消此次报名，退出该活动？
请输入私信内容：为了账号安全，请及时绑定邮箱和手机
请问这种文字半透明浮在背景图片上的效果是怎么做出来的，求解
请问这种文字半透明浮在背景图片上的效果是怎么做出来的，求解
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11这种图片用什么软件可以制作
友友们有知
分享给好友：
所有评论(1)
请文明发表评论，恶意辱骂/诽谤，发布广告者封号处理！
Q友乐园所有内容为用户上传分享，如有侵权请联系我们及时删除，谢谢。 &Copyright}