android - GUI 预览和按钮在一起

Question

我需要一个视频预览(在 Surface 上)和一个 TextView 以及一些按钮(在屏幕底部)

目前，我的预览的高度很大但很窄并且在屏幕的最左侧并且 TextView 不可见。

按钮按我的要求放在了底部。

如何使预览的宽度也变大并使 TextView 可见？

这是我的布局:

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<TextView  
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Android Recorder"
/>
<SurfaceView android:id="@+id/camsurface"       
 android:layout_width="fill_parent" 
 android:layout_height="0px"
 android:layout_weight="1" />

 <TextView  
 android:id="@+id/recording_time"
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text=" 00:00"
/>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>

<Button android:id="@+id/btn_settings" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Settings"/>

 <Button android:id="@+id/btn_record" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Record" /> 

Answer 1

您的“预览非常小”非常小，因为您已将其设置为 140 像素正方形，并在您的布局中进行了硬连接。

要么利用 android:layout_weight 和 LinearLayout，要么使用 RelativeLayout，让您的 SurfaceView尽可能多的空间。

例如，这是一个底部有一个 Button 和一个 WebView 填充所有剩余空间的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <WebView android:id="@+id/webkit"
        android:layout_width="fill_parent" 
        android:layout_height="0px"
        android:layout_weight="1"
    />
    <Button android:id="@+id/helpcast"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="View Helpcast"
    />
</LinearLayout>