如何在 Android 布局上绘制内容？

Question

这是activity

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

}

我知道我可以创建一个 class

public class DrawView extends View {
    Paint paint = new Paint();

    public DrawView(Context context) {
        super(context);
        paint.setColor(Color.BLACK);
    }

    @Override
    public void onDraw(Canvas canvas) {
        canvas.drawLine(0, 0, 20, 20, paint);
        canvas.drawLine(20, 0, 0, 20, paint);
    }
}

并在activity

中使用

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    drawView = new DrawView(this);
    drawView.setBackgroundColor(Color.WHITE);
    setContentView(drawView);

}

但它必须替换我原来的布局setContentView(R.layout.activity_main);

如果我用layout，我就不能画东西，如果我画东西，我就不能用layout

我怎样才能同时保留两者？

Answer 1

好的，布局是一个 "addition" 视图，一个包含不同视图（如 TextView、EditText 等）或 ViewGroup（如 LinearLayout、 RelativeLayout 等...）。你必须告诉你的 activity 你将要用来表示你的 activity 的布局，你使用 setContentView(layout) 来做到这一点。所以你要做的就是把你的文件之一放在你的 res/layout 中，比如 setContentView(R.layout.mylayout)，这里的 mylayout 是你的文件名。然后在您的 mylayout.xml 文件中，您必须添加自定义视图，这里是您的 DrawView。例子：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<mypackagename.DrawView
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
</RelativeLayout>

所以这里您要做的是在 activity_main 布局中添加自定义视图。

您也可以将自定义视图直接放在 setContentView 中，但如果您希望它包含子视图，则它应该从 ViewGroup 扩展。

Answer 2

好吧，为此，您可以像这样将视图添加到 XML 布局中：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">

    <insert.your.real.package.DrawView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"/>

</LinearLayout>

目前，您所拥有的将不支持自定义 XML 属性。如果你想添加 XML 属性，那么，你需要添加更多的构造函数。更详细的例子如下

绘图视图 class

public class DrawView extends View {

    public DrawView(Context context) {
        this(context, null);
    }

    public DrawView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DrawView(Context context, AttributeSet attrs, int defStyleAttr) {
        this(context, attrs, defStyleAttr, 0);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public DrawView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        Paint paint = new Paint();
        paint.setColor(Color.BLACK);

        //you can also init your attributes here (if you have any)
    }

    @Override
    public void onDraw(Canvas canvas) {
        canvas.drawLine(0, 0, 20, 20, paint);
        canvas.drawLine(20, 0, 0, 20, paint);
    }
}

有关使用自定义视图的更多信息，请务必阅读 http://developer.android.com/training/custom-views/index.html。希望这会有所帮助:)

如何在 Android 布局上绘制内容？

How to draw something on Android layout?

android

android-layout

android-view