如何隐藏MediaElement中除播放/暂停、音量外的传输控件图标？

嘿，要搞定你这个隐藏MediaElement里宽高比、投屏、全屏图标的需求，得从平台自定义渲染器入手——毕竟你用的是自己封装的MediaElement，Xamarin.Forms的这类控件最终都是靠原生平台的组件来渲染UI的，咱们分Android和iOS两个平台来实现：

核心思路 #

你的自定义MediaElement会对应到平台原生的媒体播放控件：

• Android端一般是基于ExoPlayer的PlayerControlView（或者原生VideoView的控制栏）
• iOS端则是AVPlayerViewController的内置控制组件

我们要做的就是通过自定义渲染器，找到这些原生控件里的对应按钮，把它们设为隐藏状态。

1. Android平台的实现 #

假设你的Android渲染器是基于ExoPlayer的（大多数自定义MediaElement都会用它），你可以这样修改：

[assembly: ExportRenderer(typeof(MediaElement), typeof(CustomMediaElementRenderer))]
namespace YourApp.Droid.Renderers
{
    public class CustomMediaElementRenderer : MediaElementRenderer // 替换成你当前使用的渲染器基类
    {
        public CustomMediaElementRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<MediaElement> e)
        {
            base.OnElementChanged(e);

            if (Control == null) return;

            // 找到ExoPlayer的控制栏组件
            var controlView = Control.FindViewById<PlayerControlView>(Resource.Id.exo_controller);
            if (controlView == null) return;

            // 隐藏宽高比按钮
            var aspectRatioBtn = controlView.FindViewById<ImageView>(Resource.Id.exo_aspect_ratio);
            aspectRatioBtn?.Visibility = ViewStates.Gone;

            // 隐藏投屏按钮
            var castBtn = controlView.FindViewById<ImageView>(Resource.Id.exo_cast);
            castBtn?.Visibility = ViewStates.Gone;

            // 隐藏全屏按钮
            var fullscreenBtn = controlView.FindViewById<ImageView>(Resource.Id.exo_fullscreen);
            fullscreenBtn?.Visibility = ViewStates.Gone;
        }
    }
}

小提示：如果你的渲染器用的是原生VideoView，控制栏的控件ID可能不一样，你可以用Android Studio的Layout Inspector工具来查看具体的控件ID。

2. iOS平台的实现 #

iOS上我们需要操作AVPlayerViewController的控制组件，直接看代码：

[assembly: ExportRenderer(typeof(MediaElement), typeof(CustomMediaElementRenderer))]
namespace YourApp.iOS.Renderers
{
    public class CustomMediaElementRenderer : MediaElementRenderer // 替换成你当前使用的渲染器基类
    {
        protected override void OnElementChanged(ElementChangedEventArgs<MediaElement> e)
        {
            base.OnElementChanged(e);

            if (Control is not AVPlayerViewController playerVC) return;

            // 禁用AirPlay，投屏按钮会自动隐藏
            playerVC.AllowsAirPlayPlayback = false;

            // 遍历子视图找到全屏和宽高比按钮并隐藏
            HideControlButton(playerVC.View, "Fullscreen");
            HideControlButton(playerVC.View, "AspectRatio");
        }

        // 递归遍历视图树，找到指定标识的按钮并隐藏
        private void HideControlButton(UIView parentView, string buttonLabel)
        {
            foreach (var subview in parentView.Subviews)
            {
                if (subview is UIButton btn && btn.AccessibilityLabel?.Contains(buttonLabel) == true)
                {
                    btn.Hidden = true;
                    return;
                }
                // 递归查找子视图
                HideControlButton(subview, buttonLabel);
            }
        }
    }
}

注意：iOS系统版本不同，按钮的AccessibilityLabel可能略有差异，你可以用Xcode的View Debugger来查看准确的标签内容。

3. 一些额外提醒 #

• 记得把代码里的MediaElementRenderer替换成你自己项目中对应的渲染器基类（也就是实现IMediaElementRenderer的那个渲染器）。
• 一定要在真机上测试，模拟器的控件布局有时候和真机不一样。
• 如果找不到对应的控件ID或标签，用平台的调试工具（Android Layout Inspector/Xcode View Debugger）来查看控件层级，准确定位目标按钮。

内容的提问来源于stack exchange，提问作者user3452