我想用2个TextViews创建一个自定义视图,可能会改变xml中的文本和文本外观。这个视图应该有两个状态 - 正常和选择(TextViews样式应该对每个状态都不相同)。使用两个TextViews的自定义视图
我需要一些例子。
我想用2个TextViews创建一个自定义视图,可能会改变xml中的文本和文本外观。这个视图应该有两个状态 - 正常和选择(TextViews样式应该对每个状态都不相同)。使用两个TextViews的自定义视图
我需要一些例子。
自定义视图是非常基本的,并有互联网上的例子。对于像两个文本视图一样简单的事情,扩展LinearLayout通常是最容易的。
这是带两个文本视图的LinearLayout并排排列。
RES/double_text.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/left_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:maxLines="1"/>
<TextView
android:id="@+id/right_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:maxLines="1"/>
</LinearLayout>
接下来我们定义设置样式的资源块,所以我们可以添加自定义属性到我们的自定义布局。
RES /值/ attrs.xml
<resources>
<declare-styleable name="DoubleText">
<attr name="leftText" format="string" />
<attr name="rightText" format="string" />
<attr name="android:ems" />
</declare-styleable>
</resources>
接着为DoubleText自定义视图中的类文件。在这里,我们拉出自定义属性并设置每个TextView。
DoubleTextView.java
public class DoubleTextView extends LinearLayout {
LinearLayout layout = null;
TextView leftTextView = null;
TextView rightTextView = null;
Context mContext = null;
public DoubleTextView(Context context) {
super(context);
mContext = context;
}
public DoubleTextView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.DoubleText);
String leftText = a.getString(R.styleable.DoubleText_leftText);
String rightText = a.getString(R.styleable.DoubleText_rightText);
leftText = leftText == null ? "" : leftText;
rightText = rightText == null ? "" : rightText;
String service = Context.LAYOUT_INFLATER_SERVICE;
LayoutInflater li = (LayoutInflater) getContext().getSystemService(service);
layout = (LinearLayout) li.inflate(R.layout.double_text, this, true);
leftTextView = (TextView) layout.findViewById(R.id.left_text);
rightTextView = (TextView) layout.findViewById(R.id.right_text);
leftTextView.setText(leftText);
rightTextView.setText(rightText);
a.recycle();
}
public DoubleTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
mContext = context;
}
@SuppressWarnings("unused")
public void setLeftText(String text) {
leftTextView.setText(text);
}
@SuppressWarnings("unused")
public void setRightText(String text) {
rightTextView.setText(text);
}
@SuppressWarnings("unused")
public String getLeftText() {
return leftTextView.getText().toString();
}
@SuppressWarnings("unused")
public String getRightText() {
return rightTextView.getText().toString();
}
}
最后,使用自定义类是在布局文件中声明一样简单。
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context=".MainActivity">
<TextView
android:id="@+id/main_text"
android:text="Hello World!"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/custom"/>
<example.com.test.DoubleTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:leftText="Text Left"
app:rightText="Text Right"
android:layout_below="@+id/main_text"/>
</RelativeLayout>
容易心慌。
那里有一个小评论:答案很好,但是它错过了自定义视图的一个小小的改变xml:'TextView'都需要'android:layout_weight =“1” ' 。如果不是,只是第一个'TextView'出现在屏幕上。 –
所以你需要一个自定义的'ViewGroup'类 – pskink