在 android 中用另一个视图动态替换一个视图？

Question

我在我的 xml 布局文件中添加了自定义视图，即 FancyCoverFlow。我想以编程方式将此视图替换为同一位置的视频视图。意味着其他视图位置不应该是 changed.those 应该显示在布局文件中。但只有我的自定义视图应替换为具有与 FancyCoverFlow 相同位置坐标的视频视图。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/layout"
xmlns:fcf="http://schemas.android.com/apk/res-auto"
android:background="@drawable/bga"

android:orientation="vertical" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Large Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Medium Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Medium Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceMedium" />      

<imageslideractivty.FancyCoverFlow
    android:id="@+id/fancyCoverFlow"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:layout_marginTop="10dp"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"        
    fcf:maxRotation="45"
    fcf:unselectedAlpha="0.3"
    fcf:unselectedSaturation="0.0"
    fcf:unselectedScale="0.4"
    fcf:scaleDownGravity="0.5"/>
 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >

 <SeekBar
    android:id="@+id/slider"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_centerHorizontal="true"
    android:progressDrawable="@null"
    android:thumb="@drawable/middle"
    android:layout_marginBottom="20dp" />
</LinearLayout>

</LinearLayout>

Answer 1

为此，您可以改用片段。将您的每个 customView 放入片段中，然后 dynamically 替换它。

Answer 2

假设您想在按钮的单击事件中显示 textView1 而不是 textView2：

所以就这样做吧：

textView1.setVisibility(View.VISIBLE);
textView2.setVisibility(View.GONE);

textview2 将消失，如果您设置 LinearLayout wrap_content 的高度，则下部将包含 textView1

的部分

只需对您的两个视图执行此操作，即 FancyCoverFlow 和视频视图

Answer 3

您可以通过代码切换它们的可见性..像下面那样使用 FrameLayout..

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/layout"
xmlns:fcf="http://schemas.android.com/apk/res-auto"
android:background="@drawable/bga"

android:orientation="vertical">

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Large Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Medium Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Medium Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:layout_marginTop="10dp"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp">

    <VideoView
        android:layout_width="match_parent"
        android:visibility="invisible"
        android:layout_height="match_parent" />


    <imageslideractivty.FancyCoverFlow
        android:id="@+id/fancyCoverFlow"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="visible"
        fcf:maxRotation="45"
        fcf:unselectedAlpha="0.3"
        fcf:unselectedSaturation="0.0"
        fcf:unselectedScale="0.4"
        fcf:scaleDownGravity="0.5" />

</FrameLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <SeekBar
        android:id="@+id/slider"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_centerHorizontal="true"
        android:progressDrawable="@null"
        android:thumb="@drawable/middle"
        android:layout_marginBottom="20dp" />
</LinearLayout>

Answer 4

试试这个，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/layout"
xmlns:fcf="http://schemas.android.com/apk/res-auto"
android:background="@drawable/bga"

android:orientation="vertical" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Large Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Medium Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Medium Text"
    android:textColor="#fff"
    android:textAppearance="?android:attr/textAppearanceMedium" />      

 <LinearLayout
        android:id="@+id/linDynamic"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="vertical" >
    </LinearLayout>

 <SeekBar
    android:id="@+id/slider"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_centerHorizontal="true"
    android:progressDrawable="@null"
    android:thumb="@drawable/middle"
    android:layout_marginBottom="20dp" />
</LinearLayout>

</LinearLayout>

在 xml 文件上方我添加了 linearlayout(linDynamic) 现在您必须动态添加或替换 FancyCoverFlow 和 videoview。

Answer 5

通常有一些方法可以将一个视图替换为另一个视图 方法一： 更改视图的可见性 e.x

textView1.setVisibility(View.VISIBLE);
textView2.setVisibility(View.GONE);

这里您并没有删除任何视图，只是改变了可见性。

方法二： 您可以以编程方式删除视图的所有 children 并添加新视图前任。你有一个 LinewarLayout x;。和两个 children 视图 TextView y, z;

现在你想用另一个 TextView A 替换 y, z。你可以像下面这样实现这个

x.removeAllViews();

and x.addView(A);

在这里您不能使用 x,y 直到重新创建视图。

在 android 中用另一个视图动态替换一个视图？

Replace a view with another view dynamically in android?

android

android-custom-view

android-videoview