【问题标题】:Making a fragment translucent in android在android中使片段半透明
【发布时间】:2015-01-23 07:01:27
【问题描述】:

我有一个覆盖整个屏幕的片段 A 和另一个位于 50dp 屏幕底部的片段 B。片段 B 与片段的一些底部重叠 AI 想让片段 B 半透明,因此片段的重叠部分看到了A。

我尝试使用 Theme.Translucent,使用 framelayouts,使用 setAlpha() 方法,但没有得到想要的结果。就像我们在 android 中有一个半透明的操作栏一样,我想让我的片段 B 半透明。

我尝试参考这些链接... 链接1: making the background translucent

链接 2: https://zaman91.wordpress.com/2010/03/22/android-how-to-create-transparent-or-opeque-background/

链接3: Making a android button’s background translucent,

一些代码可以帮助你理解..

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.examples"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@null"
    android:fitsSystemWindows="true" >

    <!-- Your normal content view -->

    <com.examples.views.SlidingUpPanelLayout
        android:id="@+id/sliding_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center|top" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/icn_actionbar_background"
                android:minHeight="?attr/actionBarSize" >

                <com.examples.views.CustomTextView
                    android:id="@+id/toolbar_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:singleLine="true"
                    android:text="Toolbar Title"
                    android:textColor="@color/action_bar_text"
                    android:textSize="18sp"
                    android:textStyle="bold"
                    app:font="@string/font_avenirMedium" />
            </android.support.v7.widget.Toolbar>

            <!-- Say this is Fragment A -->
            <fragment
                android:id="@+id/frag_fragmentA"
                android:name="com.examples.fragments.FragmentA"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center" />

            <!-- The rest of your content view -->

        </LinearLayout>

                      <!-- this is fragment B -->
        <fragment
            android:id="@+id/fragment B"
            android:name="com.examples.fragments.MyFragmentB"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center|top" />
    </com.examples.SlidingUpPanelLayout>

    <LinearLayout
        android:layout_width="300dp"
        android:layout_height="match_parent"
        android:layout_gravity="left|start"
        android:fitsSystemWindows="true" >

        <!-- Your drawer content -->

        <include
            android:id="@+id/left_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            layout="@layout/drawer_layout" />
    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

SlidingPanelLayout 本身给出了 50dp 的偏移量。所以只有 50dp 的片段 B 是可见的。

在所有这些链接中 Theme.Translucent 被添加到活动主题中..但我想创建一个仅使该片段半透明的主题。

任何建议或帮助家伙..非常感谢。谢谢。

【问题讨论】:

  • getWindow().setBackgroundDrawable(new ColorDrawable(0));??
  • @Skynet...这会让它变成半透明的吗??...还有这个代码行..我需要设置任何主题吗?
  • @AndroidMech 你只想让fragmentA transaculate 吗? fragmentA 上的控件将 b 启用?
  • @user1140237 No..fragment A 应该是原样......在屏幕底部与 Fragment A 重叠的 Fragment B 应该是半透明的......所以 Frag B 后面可以看到 Fragment A 的内容...我本可以发布我想要的图片..但由于一些组织限制..我不能..
  • @Skynet 当我使用你的代码时..它使我的片段 B 完全变黑..我希望片段 A 的布局在片段 B 后面有点可见。

标签: android android-styles translucency


【解决方案1】:

您可以在框架布局中添加片段,它将重叠..

活动

    public class MainBaseFragmentActivity extends FragmentActivity {

    @Override
    protected void onCreate(Bundle arg0) {
        super.onCreate(arg0);
        setContentView(R.layout.main_fragment_container);
        getSupportFragmentManager().beginTransaction()
                .add(R.id.main_container, new FragmentScreenA()).commit();

    }

}

FragmentA 布局

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/btn_screen_a"
        android:gravity="center_horizontal"
        android:text="A"
        android:textColor="#ffffff"
        android:textSize="100sp" />

    <Button
        android:id="@+id/btn_screen_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Go to Screen B" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" 
        android:text="Text From Fragment A" android:gravity="center" android:textSize="30sp"
        android:textColor="#ffffff" />

</RelativeLayout>

Fragmnet A 类

public class FragmentScreenA extends Fragment {
    private Button btn_screen_a;

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

    }

    private View rootView;


    @Override
    public View onCreateView(LayoutInflater inflater,
            @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        rootView= inflater.inflate(R.layout.fragment_screen_a, container, false);
        return rootView;
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

            btn_screen_a = (Button) rootView.findViewById(R.id.btn_screen_a);
            btn_screen_a.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    getActivity().getSupportFragmentManager()
                            .beginTransaction()
                            .add(R.id.main_container, new FragmentScreenB())
                            .addToBackStack("FragmentScreenB").commit();
                }
            });


    }

FragmentB 类

public class FragmentScreenB extends Fragment {

    private Button btn_screen_b;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
    }

    @Override
    public View onCreateView(LayoutInflater inflater,
            @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        rootView = inflater.inflate(R.layout.fragment_screen_b, container,
                false);
        return rootView;

    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

            btn_screen_b = (Button) view.findViewById(R.id.btn_screen_b);
            btn_screen_b.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    getActivity()
                            .getSupportFragmentManager()
                            .beginTransaction()
                            .replace(R.id.main_container, new FragmentScreenC())
                            .addToBackStack("FragmentScreenB").commit();
                }
            });

    }

    private View rootView;


}

片段 B XMl 布局

<?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:background="@android:color/transparent"
    android:gravity="center"
    android:orientation="vertical" >

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

        android:gravity="center" android:layout_weight="9"
        android:orientation="vertical" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="B"
            android:textSize="100sp" />

        <Button
            android:id="@+id/btn_screen_b"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Go to Screen C" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"  android:layout_weight="1"
        android:orientation="vertical" >
    </LinearLayout>

</LinearLayout>

![在此处输入图像描述][1]![在此处输入图像描述][2] 这是您要求的解决方案.. 建议您可以在同一屏幕中创建多个片段。这是正确的方式 AFAIK

【讨论】:

  • 他要B是半透明的!!
  • @Skynet 请检查片段 B 的布局 .. 它的 trnasparent .. 如果他愿意,他可以使他想要显示的部分可见(透明),而他可以制作的其余部分是颜色或填充他想要显示的视图。在我给出的代码中,底部是透明的
  • 我可能是色盲 - 片段 B 对我来说是绿色的,而片段 A 在我看来是蓝色的?
  • @Skynet 是的,可能会通过图像来检查输出,无论如何检查更新的答案我使整个片段 B 布局透明
  • 您是否认为 Fragment B 应该只位于布局的底部而不应与整个屏幕重叠 - 因为这可能会扭曲点击?
猜你喜欢
  • 1970-01-01
  • 2015-11-19
  • 2015-12-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-11
  • 1970-01-01
相关资源
最近更新 更多